Avatar billede miniaturezeus Nybegynder
02. september 2007 - 14:32 Der er 3 kommentarer

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.
Avatar billede olebole Juniormester
02. september 2007 - 15:25 #1
<ole>

Mon ikke det skyldes, at alle dine mouseovers prøver at skifte det første billede på siden:
    onmouseover = "document.images[0].src=billed2.src"

/mvh
</bole>
Avatar billede olebole Juniormester
02. september 2007 - 15:27 #2
Giv dine billeder hver deres unikke ID:
    <img id="img_0" src="../grafix/wishlist/triptrap_mouse.png" width="250" height="150" alt="© Trip Trap">

- og kald så med:
    onmouseover = "document.getElementById('img_0').setAttribute('src', billed2.src)"
Avatar billede olebole Juniormester
02. september 2007 - 15:30 #3
PS: At du skriver, din popup indeholder vigtig information, får mig ikke til at tillade den. Hvis det er vigtige informationer, må jeg gå udfra, du ikke har lagt dem i en popup ... altså kan jeg ikke gå udfra, de er vigtige nok til at jeg tillader popupen  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester