Hallo,
Ben nu al een paar dagen bezig met een scriptje voor een image mouseover, als je met je muis over het plaatje gaat komt er een doorzichtige balk bovenin met wat tekst (scriptaculous). Nu is alleen het probleem dat als je met je muis over de div met tekst gaat hij het als een mouseout even ziet. Wat dus niet zou moeten hij zou dit alleen moeten doen als je van de image afgaat.
voorbeeld:
http://www.gijs.com/ahum/
Uitleg:
http://www.thefutureofthe...bursting-the-event-bubble.
Mogelijk een andere oplossing die ik ook niet werkend krijg is met prototype een event listener maken:
maar die ziet de "overlay" div ook als een mouseout event.
Iemand enig idee hoe dit is op te lossen.
Thanks
Ben nu al een paar dagen bezig met een scriptje voor een image mouseover, als je met je muis over het plaatje gaat komt er een doorzichtige balk bovenin met wat tekst (scriptaculous). Nu is alleen het probleem dat als je met je muis over de div met tekst gaat hij het als een mouseout even ziet. Wat dus niet zou moeten hij zou dit alleen moeten doen als je van de image afgaat.
voorbeeld:
http://www.gijs.com/ahum/
Uitleg:
http://www.thefutureofthe...bursting-the-event-bubble.
Mogelijk een andere oplossing die ik ook niet werkend krijg is met prototype een event listener maken:
code:
1
2
3
4
5
| Event.observe(
'image_2',
'mouseover',
function() { Effect.Appear('imageinfo2', { duration: 1.0, to:0.7}); }
); |
maar die ziet de "overlay" div ook als een mouseout event.
Iemand enig idee hoe dit is op te lossen.
Thanks