- Home
- Categorie
- Coding e Sistemistica
- Altri linguaggi per il web
- Slide orizzontale in javascript e css
-
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