mboost-dp1
Mouseover problemer
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:
Body:
Venlig hilsen MiniatureZeus // Daniel
PS: har ingen forstand på Javascript og er heller ikke en haj til al det "avanceret" HTML :D
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:
<script type="text/javascript"><!--
billed1=new Image
billed1.src='../grafix/wishlist/triptrap_mouse.png'
billed2=new Image
billed2.src='../grafix/wishlist/triptrap.png'
billed3=new Image
billed3.src='../grafix/wishlist/evasolo_mouse.png'
billed4=new Image
billed4.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>
Body:
<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">[/url]</div>
<div id="kitchen_evasolo"><a href="2.html"
onmouseover = "document.images[0].src=billed4.src"
onmouseout = "document.images[0].src=billed3.src">
<img src="../grafix/wishlist/evasolo_mouse.png" width="250" height="150" alt="© Eva Solo">[/url]</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">[/url]</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">[/url]</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">[/url]</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">[/url]</div>
Venlig hilsen MiniatureZeus // Daniel
PS: har ingen forstand på Javascript og er heller ikke en haj til al det "avanceret" HTML :D
(det kan ses i et bedre format her, uden fejl: http://www.udvikleren.dk/Thread.aspx/16/21851/Last...
<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">[/url]</div>
kan ændres til
<div id="kitchen_pej">[url=#]
<img src="../grafix/wishlist/pej_mouse.png" width="250" height="150" alt="© Pej Danmark" onmouseover="this.src=billed8.src"
onmouseout="this.src=billed7.src">[/url]</div>
#5 Var nok en bedre idé, så here goes: http://miniaturezeus.dk/wishlist/kitchen.html
"Derfor fungere hjemmesiden endnu kun korrekt i Firefox 2.x og med en opløsning på minimum 1280x1024@60Hz."
Jeg kan forstå at man er en spasser til html og css, men jeg tror da vist ikke man kan designe websider der kun virker ved bestemte refresh-rates..
Jeg kan forstå at man er en spasser til html og css, men jeg tror da vist ikke man kan designe websider der kun virker ved bestemte refresh-rates..
Gå til top
Opret dig som bruger i dag
Det er gratis, og du binder dig ikke til noget.
Når du er oprettet som bruger, får du adgang til en lang række af sidens andre muligheder, såsom at udforme siden efter eget ønske og deltage i diskussionerne.
- Forside
- ⟨
- Forum
- ⟨
- Programmering
Gå til bund