Hallo,
Ik zit met het volgende probleem:
op de volgende url
http://www.annemiek-lifes...4_Artemide/8_Vloerlampen/ heb je rechts 2 lijsten met producten staan. Wanneer je over zo'n product heen gaat verandert de header afbeelding in een foot van het product. Wanneer je hiervanaf gaat wordt deze header weer de standaard foto. Dit werkt, geen probleem.
Maar wanneer je snel over de links heen gaat, flikkert de header heen en weer en dit is storend. Is er een manier om dit op te lossen met behulp van javascript?
Voor de onmouseover en onmouseout gebruik ik de volgende code:
Ik zit met het volgende probleem:
op de volgende url
http://www.annemiek-lifes...4_Artemide/8_Vloerlampen/ heb je rechts 2 lijsten met producten staan. Wanneer je over zo'n product heen gaat verandert de header afbeelding in een foot van het product. Wanneer je hiervanaf gaat wordt deze header weer de standaard foto. Dit werkt, geen probleem.
Maar wanneer je snel over de links heen gaat, flikkert de header heen en weer en dit is storend. Is er een manier om dit op te lossen met behulp van javascript?
Voor de onmouseover en onmouseout gebruik ik de volgende code:
JavaScript:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| function header_over(id) { document.getElementById('headerimg').style.filter="blendTrans(duration=0.4)"; document.getElementById('headerimg').filters.blendTrans.Apply(); document.getElementById('headerimg').filters.blendTrans.Play(); document.getElementById('headerimg').src = 'images/shop/'+id+'_header.jpg'; } function header_out(id) { document.getElementById('headerimg').style.filter="blendTrans(duration=0.4)"; document.getElementById('headerimg').filters.blendTrans.Apply(); document.getElementById('headerimg').filters.blendTrans.Play(); document.getElementById('headerimg').src = 'images/header.jpg'; } |
[ Voor 18% gewijzigd door André op 11-05-2006 22:58 . Reden: code blok gefixed ]