[searched] rollover in imagemap

[Gulli]

ik wil in een imagemap een drietal hotspots als rollover gebruiken, als je over de hotspot komt verschijnt er een logo in de imagemap. ik heb al een paar keer gezocht en ook de help van dreamweaver is niet genoeg.

voorbeeldje


met als rollover


ik heb vier plaatjes gemaakt, 1 lege kaart, en voor elke hotspot een logokaart zeg maar, die dan dus geladen moet worden.

ik heb

code:

<area shape="circle" coords="367,122,19" href="hmh.html" target="mainFrame" 
alt="Hollywood Music Hall" onMouseOver="/images/kaarthmh.gif">

en volgens mij zit de fout m in
onMouseOver="/images/kaarthmh.gif"

t zal wel iets heel simpels zijn maar ik kom er niet uit. de meeste dingen op internet beperken zich tot complete rollovers of javascript, maar ik wil m nou juist in html houden. en volgens mij moet het heel simpel zijn.

/als je op de hotspot klikt wordt je dus doorgestuurd naar een dieper liggend html bestand

[ Voor 16% gewijzigd door Gulli op 10-09-2003 20:01 ]

[Verwijderd]

/images/kaarthmh.gif is geen script statement. Zonder script gaat dit je niet lukken ook.

[Gulli]

is onMouseOver al script dan? ik dacht dat het nog wel html was namelijk

[Verwijderd]

Je moet niet denken, je moet opzoeken:
http://www.w3.org/TR/html...pts.html#adef-onmouseover

[André]

JavaScript:

function laatzien(plaatje)
{
  // zorg hier mbv de search dat het plaatje op de juiste plek zichtbaar word
}

onmouseover="laatzien('/images/kaarthmh.gif)'"

[Verwijderd]

Hou er wel rekening mee dat één imagemap al groot is (de jouwe bijvoorbeeld al 48k, dat kan veeeel kleiner). Als je dan voor elke hotspot nog zo'n plaatje in moet laden is dat voor modemgebruikers zoals ik zwaar irritant.

[Gulli]

ja ik zit er ook aan te denken om de kaart in stukken te verdelen, dat hij alleen de stukken van de logo's hoeft te laden en de rest laat staan. misschien is dat makkelijker. maar toch kom ik nog niet verder

[RobIII]

OK, laat ik je proberen te helpen dan:

Laat de imagemap zoals je 'm hebt (inc. hotspots).
Gooi de "mouseover" images in een relatief aan de image map gerelateerde DIV ofzo, style display:none.
Zet op de mouseover/mouseout events van je hotspots de show/hide div code en je bent er.

Te kort door de bocht? Bekijk mijn (eeuwige "work-in-progress" zijnde) site www.devcorner.nl/new eens. De "intro" pagina doet wat jij wil.
Overigens is deze url wat makkelijker om de code te kunnen bekijken.

[ Voor 27% gewijzigd door RobIII op 11-09-2003 01:04 ]

[bouvrie]

Ik denk dat je wel wat aan http://myhome.shinbiro.com/~kbyon/jasc/imap.htm hebt ...

En voor die genen die denken dat OnMouseOver HTML is ... tis een javascript functie.
ONMOUSEOVER="display(3);self.status='click the triangle';return true " bijvoorbeeld

[crisp]

bouvrie schreef op 11 september 2003 @ 11:18:
[...]
En voor die genen die denken dat OnMouseOver HTML is ... tis een javascript functie.
ONMOUSEOVER="display(3);self.status='click the triangle';return true " bijvoorbeeld

[antfuck]onmouseover is geen javascript functie, maar een eventhandler[/antfuck]

[bouvrie]

crisp schreef op 11 September 2003 @ 11:22:[antfuck]onmouseover is geen javascript functie, maar een eventhandler[/antfuck]

Darn, you're right . * bouvrie is too much into functions.

[Pelle]

Maare, zoek maar eens op rollover script of mouseover script ofzo. Daarmee moet je er wel uikomen