Archief - JS : Hover op afbeelding

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
s

spectrious

Legacy Member
Ik veronderstel dat het via Javascript moet gebeuren.
Ik schets even de situatie.

vb: een foto van een rivier met een stoomboot op, een zeilschip en een roeiboot.
A
Als je met je cursor over de roeiboot beweegt moet er een kort tekstje verschijnen in een kadertje (zo een dat gebruikt word bij afbeeldingen voor uitleg). En dit moet oo kzo zijn voor het zeilschip en de stoomboot.

Hoe kan je dit doen zonder de foto in 3 te snijden en elke foto apart van zo'n tekstje te voorzien.



Als je de vraag niet echt begrijpt wil ik het wel nog eens uitleggen hoor. :unsure:. Ik heb het script op google proberen te zoeken maar wist niet echt welke zoektermen ik hiervoor moest gebruiken.
s

spectrious

Legacy Member
Eens kijken, ik veronderstelde dat het via javascript ging. Maar bedankt ;) eens proberen zie.
s

spectrious

Legacy Member
euhm ik heb het dus niet over een 'hotspot' om op te klikken. Maar zodat er een kadertje verschijnt met tekst. Of gaat dit ook via dit?
s

spectrious

Legacy Member
Ik heb dus het opgelost door hotspots op de pic toe te voegen en daar de 'Alt' in te vullen. Dus in IE als je over het voorwerp gaat verschijnt er nu zo'n kadertje met uitleg zoals ik wou. maar in Firefox doet 'ie dat niet. Hoe los ik dat op?
s

spectrious

Legacy Member
Code: 
<map name="bio" id="bio">
  <area shape="rect" coords="39,81,79,125" title="Tom" alt="Tom" />
  <area shape="rect" coords="134,81,175,126" title="Dave" alt="Dave" />
  <area shape="rect" coords="89,226,129,268" title="Dave" alt="Dave" />
  <area shape="rect" coords="218,82,261,124" title="Anne" alt="Anne" />
  <area shape="rect" coords="26,226,64,267" title="Tom" alt="Tom" />
<area shape="rect" coords="157,228,199,268" title="Anne" alt="Anne" />
<area shape="rect" coords="221,228,262,267" title="Kjelle" alt="Kjelle" />
<area shape="rect" coords="289,226,334,270" title="Maarten" alt="Maarten" />
<area shape="rect" coords="289,363,331,407" title="Maarten" alt="Maarten" /><br />
<area shape="rect" coords="220,363,259,406" title="Kjelle" alt="Kjelle" /><br />
<area shape="rect" coords="156,365,198,408" title="Anne" alt="Anne" /><br />
<area shape="rect" coords="26,363,61,405" title="Tom" alt="Tom" />
</map>


Zo? Want nu werkt het niet meer :s

*EDIT*

was vergeten mijn map id aan te passen bij de imgscr.

Het werkt, bedankt :)
s

spectrious

Legacy Member
Nog een vraagsje waarom kan ik maar een bepaald aantal tekens doen? Daarna vervangt hij alles door puntjes. Kanik dat niet omzeilen?
X

Xavez

Legacy Member
Ja, met javascript :p. Een onmouseover/onblur-effectje dat een bepaalde div showt/hide + de juiste tekst aan een bepaalde variabele geeft.
Z

Zero Grav

Legacy Member
Ja Boddah, als je de image gaat slicen en gaat knoeien maar dat is toch echt wel veel werk voor niets.

Ik zou echt niet gaan prullen met imagemaps en dergelijke voor zoiets, dit is nu eens een situatie waar ik wél javascript zou aanraden en wel op die manier die Xavez omschrijft ook.

Never mind, Skratz zijn manier is toch beter. :p Is geloof ik ook de manier die je bij flickr hebt.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan