Mouseover problmer i DreamWeaver
Hej,Har nogle problemer med en MouseOver funktion som preloader billederne i cachen.
Sagen er den at jeg har 6 div bokse på siden, som hver især indeholder et billed (på omkring 55KB) som skal skifte til et andet billed (på omkring 60KB) ved mouseover.
Det første billed fungere perfekt, det gør de andre bare ikke.
"Standard" billederne bliver vist fint, men når man sætter musen over, så ændres det første billede til [x] og bagefter bliver standard billedet fra billed 2 sat ind på billed 1's plads.
Min kode ser sådan her ud:
HEAD
[code]<script type="text/javascript"><!--
billed1=new Image
billed1.src='../grafix/wishlist/triptrap_mouse.png'
billed2=new Image
billed2.src='../grafix/wishlist/triptrap.png'
billede3 = new Image
billede3.src ='/grafix/wishlist/evasolo.png'
billed5=new Image
billed5.src='../grafix/wishlist/global_mouse.png'
billed6=new Image
billed6.src='../grafix/wishlist/global.png'
billed7=new Image
billed7.src='../grafix/wishlist/pej_mouse.png'
billed8=new Image
billed8.src='../grafix/wishlist/pej.png'
billed9=new Image
billed9.src='../grafix/wishlist/raadvad_mouse.png'
billed10=new Image
billed10.src='../grafix/wishlist/raadvad.png'
billed11=new Image
billed11.src='../grafix/wishlist/diverse_mouse.png'
billed12=new Image
billed12.src='../grafix/wishlist/diverse.png'
//--></script>
[/code]
Body
[code]
<div id="kitchen_triptrap"><a href="1.html"
onmouseover = "document.images[0].src=billed2.src"
onmouseout = "document.images[0].src=billed1.src">
<img src="../grafix/wishlist/triptrap_mouse.png" width="250" height="150" alt="© Trip Trap"></a></div>
<div id="kitchen_evasolo"><a href="2.html">
<img src="/grafix/wishlist/evasolo_mouse.png" width="250" height="150" alt="© Eva Solo" border="0" onmouseover="this.src='/grafix/wishlist/evasolo.png'" onmouseout="this.src='/grafix/wishlist/evasolo_mouse.png'">
</a></div>
<div id="kitchen_global"><a href="3.hmtl"
onmouseover = "document.images[0].src=billed6.src"
onmouseout = "document.images[0].src=billed5.src">
<img src="../grafix/wishlist/global_mouse.png" width="250" height="150" alt="© Raadvad Danmark"></a></div>
<div id="kitchen_raadvad"><a href="#"
onmouseover = "document.images[0].src=billed10.src"
onmouseout = "document.images[0].src=billed9.src">
<img src="../grafix/wishlist/raadvad_mouse.png" width="250" height="150" alt="© Raadvad Dammark"></a></div>
<div id="kitchen_diverse"><a href="#"
onmouseover = "document.images[0].src=billed8.src"
onmouseout = "document.images[0].src=billed7.src">
<img src="../grafix/wishlist/diverse_mouse.png" width="250" height="150" alt="© Jamie Oliver"></a></div>
<div id="kitchen_pej"><a href="#"
onmouseover = "document.images[0].src=billed8.src"
onmouseout = "document.images[0].src=billed7.src">
<img src="../grafix/wishlist/pej_mouse.png" width="250" height="150" alt="© Pej Danmark"></a></div>
[/code]
Link til side: http://miniaturezeus.dk/wishlist/kitchen.html
i billede nummer 2 (eva solo) har jeg prøvet en anden metode som dog heller ikke virker optimalt.
Billede nummer 1 (trip trap) virker som det skal, hvis man ikke sætter musen ind over nogle af de andre billeder, som ikke virker.