• User Attivo

    Slide orizzontale in javascript e css

    ciao a tutti,

    è tutta la sera che provo a fare una cosa che mi sembrava banale...
    Uno header al quale applico un'immagine come sfondo e che con una funzione javascript fa un effetto "scroll" in orizzontale. Questo è il codice che mi sembrava dovesse funzionare, ma purtroppo va solo se inserisco qualcosa tipo "alert()" prima di slide(position);

    <html>
    <head>
    <title></title>
    <script type="text/javascript">
    function pause(numberMillis, position) {
            var now = new Date();
            var exitTime = now.getTime() + numberMillis;
            while (true) {
                now = new Date();
                if (now.getTime() > exitTime)
                    return position + 30;
            }
        }
    
    function slide(position){
      if(position<0){
        document.getElementById("magnifier").style.backgroundPosition=""+position+"px 0";
        position = pause(200, position);
        //window.alert(position+"px 0")
        slide(position);
      }
    }
    
    </script>
    <style type="text/css">
    
    #magnifier {
        margin:0;
      padding:0;
      height:243px;
      background: url('localhost/testatacomp.png')  no-repeat -976px 0;
      border-bottom: 1px solid #ccc;
    }
    </style>
    </head>
    <body>
    <div id="magnifier" onclick="setTimeout ( 'slide(-970)', 100 )">
    </div>
    
    </body>
    </html>
    

    Qualcuno può aiutarmi, per favore?

    grazie