Új hozzászólás Aktív témák

  • jules1028

    csendes tag

    Sziasztok!
    Nagyon kezdő vagyok JavaScriptben, ezért szeretnék egy kis segítséget kérni.
    Szeretnék egy képcserélőt csinálni késleltetéssel, ami onmouseover eseményre működne, majd onmouse out-ra leállna. Fontos, hogy háttérképet szeretnék cserélni!
    Még csak az onmouseover-rel próbálkozom, de az sem működik:
    Próbálkoztam már többféleképpen, de nem ment sehogy.
    Ez volt az utolsó próbálkozásom:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    #kep{
    background-image:url(image.jpg);
    height:100px;
    width:100px;
    }
    </style>
    <script type="text/javascript">
    var image=new Array();
    i=0;
    image[0]='url("image00.jpg")';
    image[1]='url("image01.jpg")';
    image[2]='url("image02.jpg")';
    image[3]='url("image03.jpg")';

    function overimage(){

    if (i<=3){
    function idozites(){
    ido=settimeout('idozites()',1000);
    document.getElementById('kep').style.backgroundImage ='"'+image[i]+'"';
    }
    i=i+1;
    }
    }
    </script>
    </head>
    <body>
    <div id="kep" onmouseover="overimage()">
    </div>
    </body>
    </html>

    Próbálkoztam növekményes, hátul és elöltesztelős ciklussal is, de egyikkel sem működött.
    A function idozites() -t próbáltam több helyre is pakolni, de egyik megoldás sem vált be.
    Próbálkoztam i=i+1; helyett i++ -szal is, de az sem segített.

    Előre is köszönöm a segítséget!

Új hozzászólás Aktív témák

Hirdetés