[javascript] plaatje switchen en een imagemap

[enrico670]

Ik heb dus een paar paar plaatjes als links.
Als ik op een plaatje klik dan veranderd er een ander plaatje.
Nu is het de bedoeling dat dat veranderde plaatje een imagemap mee krijgt, hoe dit te doen?

Tot nu toe heb ik dit:

<a href="#" onclick=MM_swapImage('text','','links-txt.jpg',1)
onMouseOut="MM_swapImage('linksover','','3.gif',1)" onMouseOver="MM_swapImage('linksover','','3-over.gif',1)">
[img]"3.gif"[/img]</a>

Nu is het dus de bedoeling dat het plaatje LINKS-TXT.jpg een image map krijgt. hoe dit te doen?
Waar zet ik dus Use map neer?

[Willem]

Ik zou persoonlijk beginnen met zelf iets te schrijven. Van deze -door Dreamweaver uitgepoepte- paupercode schiet je niets op.

/edit
Om een plaatje als imagemap aan te spreken zijn er genoeg gratis tooltjes te vinden. Kijk onder andere even op www.tucows.com. HTH

[enrico670]

De code werkt perfect.
het probleem is dat ik niet weet waar ik moet verwijzen naar de map...
Dus als iemand dat zal willen vertellen, graag

[Verwijderd]

Bij een image tag (<img>) zit een attribute 'usemap'. Daar de meeste attributes ook in het DOM betrokken worden, zul je deze waarschijnlijk wel kunnen wijzigen met javascript.

Dus je definieert eerst een (of meerdere) image maps, en misschien kun je er later 1 aan het plaatje toewijzen.

Ik heb hier nog nooit mee gespeeld, maar het zou me niets verbazen als dat gewoon dynamisch veranderd kan worden.

[enrico670]

Op woensdag 06 maart 2002 20:29 schreef willem169 het volgende:
Ik zou persoonlijk beginnen met zelf iets te schrijven. Van deze -door Dreamweaver uitgepoepte- paupercode schiet je niets op.

/edit
Om een plaatje als imagemap aan te spreken zijn er genoeg gratis tooltjes te vinden. Kijk onder andere even op www.tucows.com. HTH

Heb je me vraag eigenlijk wel gelezen???????

[RM-rf]

zoals cheatah schrijft, usemap als attribute kun je wijzigen, bv via

code:

document.getElementById('linksover').setAttribute("usemap", "#imagemap")

of voor msie

code:

document.all['linksover'].usemap = "#imagemap"

de map met name "imagemap" moet dan al wel in je pagina gedeinieerd zijn, de vraag is echter of browsers dit helemaal goed renderen, ns4x zal sowieso een probleem zijn, maar gewoonweg testen en je ziet vanzelf of het werkt.

eventuele alternatieven zijn om een plaatje met een imagemap erin in een hidden layer te zetten met een z-index hoger dan je andere plaatje; onmouseover laat je de andere layer gewoon showen over het oude plaatje heen, voordeel hiervan dat het ook in ns4x makkelijk werkend te krijgen is, en ook in dreamweaver eenvoudig voor elkaar te krijgen is:
nadeel is echter om de plaatjes juist over elkaar heen te positioneren, met position:absolute gaat het nog wel, echter relative positioning zal een ramp zijn (pas dan op om dreamweaver te zien als wysiwyg-editor, dat is het niet, sterker nog dat bestaat niet)

tweede alternatief is om al een imagemap te definieren echter hem leeg te laten, ofwel de area buiten het gebied van de afbeelding te laten vallen, onmouseover definieer je de coords opnieuw, mogelijk werkt dat beter in ns4x (links hebben daar altijd vaste x, y coords) echter verder is het wel enigszins vergelijkbaar met de eerst genoemde oplossing

/offtopic
willem169:
-1 flamebait

het spijt me maar zulk geblaat is hier ongewenst, ik denk dat je de topicstarter een excuus verontschuldigd bent ...

[enrico670]

RM-rf, bedankt voor de uitleg, beter werkt het nu!

Willem, voordat je de volgende keer weer reageerd lees eerst de vraag voordat je onzinnige reply`s gaat geven, ok?

[Willem]

enrico:
RM-rf, bedankt voor de uitleg, beter werkt het nu!

Willem, voordat je de volgende keer weer reageerd lees eerst de vraag voordat je onzinnige reply`s gaat geven, ok?

Ehm, excuse me, maar ik geloof niet dat het helemaal terecht is hoe je reageert. Prima, misschien had ik wat zorgvuldiger moeten verwoorden hoe je dit kunt oplossen in plaats van je naar een imagemap-download-site te sturen, maar dat wil niet zeggen dat het een onzinnige reply is.

Dus, sorry daarvoor, maar dat neemt niet weg dat als je even iets beter wat HTML references erop had nageslagen, je vast ook wel de oplossing had gevonden. En dat is wat mij een beetje irriteerde. Ik geloof dat je met de reply van RM-rf je weg wel hebt gevonden, dus wat mij betreft laten we het hierbij.