mouse over genereert clackable veld

Status
Niet open voor verdere reacties.

openmindherman

Nieuwe gebruiker
Lid geworden
14 dec 2011
Berichten
4
Hoe kan ik zorgen dat een plaatje dat bij mouseover getoond wordt blijft staan als je met de muis eroverheen gaat (ook als je buiten de hotspot terecht komt) en een button in de mouseover laag clickable is, maar dat ie weer verdijnt als je buiten dat veld beweegt.

Concreet heb ik een stel foto's op de website over elkaar heen liggen en zodra je over zo'n plaatje met de muis beweegt komt er een veld tevoorschijn met datzelfde plaatje groter met de optie 'meer info'. Om op 'meer info' te klikken moet de muis buiten het oorspronkelijke mouseover veld bewegen, waardoor deze weer verdwijnt, dus kan er niet op 'meer info' geklikt worden.

Nu heb ik het geprobeerd op te lossen door per foto een hotspot te maken, die ik de behaviours heb meegegeven, voor bijvoorbeeld FOTO1:
on mouse_over show FOTO1GROOT (dat is het plaatje dat tevoorschijn komt als je eroverheen gaat)
on mouse_out hide FOTO1GROOT

Dat werkte prima, maar als ik vervolgens op dat plaatje dat tevoorschijn kwam wilde klikken om de infobutton te bereiken, dan verdween deze omdat ik met mouse_out van de foto afging.
Dit heb ik opgelost door aan het mouseover plaatje (FOTO1GROOT) ook de behaviour mee te geven onmouseover show en onmouseout hide.

Dat werkte aanvankelijk goed, totdat ik weer hotspots daarop zette voor de button info. Zodra ik daar overheen ging verdween het mouse_over plaatje. Dat heb ik weer opgelost door ook aan die hotspots de behaviour mee te geven *on mouse_over show en on mouse_out hide.

Het resultaat is echter nogal beroerd, afhankelijk van hoe ik er overheen beweeg verdwijnt het mouseover plaatje als ik uit dat veld beweeg, maar vaak ook niet. Kortom dit blijkt niet de goede aanpak te zijn.

Kan iemand mij helpen? Liefst in lekentaal, want ik ben meer ontwerper dan programmeur.

Alvast bedankt.
 
ik zou bij de mouse out een timer inbouwen van 1 a 2 seconden. zo werken menu's ook vaak. ik weet even niet uit mijn hoofd hoe je dit doet in javascript.
 
Helaas werkt zo'n timer niet goed, omdat er veel foto's naast elkaar staan en zo'n mouseover plaatje weg moet zijn zodra je naar een ander plaatje gaat, omdat die anders door het mouseover plaatje wordt afgedekt.
 
Dit bleek de oplossing te zijn:

You can do it this way:
*
Let's say you have the following -
*
1.* A hotspot (call it hotspot)
2.* A hidden image containing a link (call it imageLink)
*
Mouseover the hotspot to reveal the image.* Do not use the automatic restore.
Click the imageLink to visit the linked page.
Mouseout the imageLink to hide the recently revealed image.
*
If you want to make the image disappear in other ways, then each hotspot will also have to have a rollover for each other image so that all images are hidden by mousing over each hotspot except the one associated with that hotspot, which is shown.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan