Problem mit javascript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bild
browser
code
dank
element
fehlerhaften code
fehlermeldung
helfen
hintergrund
image
null
problem
webseite
wirklichen fehler
-
Hallo liebe Forumsgemeinde,
ich hab mir ein eigenes script gebastelt das per mouseover über ein div element sich der Hintergrund verfärbt. Nun möchte ich auch das sich gleichzeitig zu der verfärbung das bild durch ein anderes bild ersetzt wird. Die Webseite habe ich mit joomla gemacht und den script in das Template eingebaut.
Mein Problem ist nun, dass sich das bild gar nicht verändert jedoch der Hintergrund.
Html-Code:
<div id="left" onmouseover="mouseovercss('left','bild1')" onmouseout="mouseoutcss('left','bild1')"> <img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/image/bild1.png" height="10" width="150" id="bild1" /> </div>
Javascript-Code:
normal1 = new Image(); normal1.src = "image/bild1.png"; change1 = new Image(); change1.src = "image/bild2.png"; function mouseovercss (id,idbild){ document.getElementById(id).style.backgroundColor = "#111111"; document.getElementById(idbild).src = change1.src; } function mouseoutcss(id,idbild){ document.getElementById(id).style.backgroundColor = "#000000"; document.getElementById(idbild).src = normal1.src; }
Hoffe ihr könnt mir helfen und danke im voraus
nostox -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hast du mal geschaut ob dein Bild das du im Javascript lädst auch wirklich geladen wurde und nicht null ist? Ansonsten sollte bei Fehlerhaften Code auch eine Fehlermeldung vom Browser kommen. Jedenfalls sehe ich so keinen wirklichen Fehler in deinem Code.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage