kostenloser Webspace werbefrei: lima-city


Problem mit javascript

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    n****x

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. e********l

    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.
  4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!