Salve,
io vorrei far muovere di qualche centimetro un'immagine dopo il caricamento della pagina.
Praticamente è una colomba (immagine in png) e vorrei che si muovesse giusto di qualche cm, non di più.
Mi potete consigliare qualcosa? Anche un plugin jQuery sarebbe perfetto!!
Grazie a tutti
http://docs.jquery.com/UI/Effects/Bounce
Ci sono piu' effetti se interessa..
Per usarli devi scaricarti jqeury piu' i file degli effetti se necessario
Gentilissimo m4rko80, li provo subito e spero di risolvere.
Grazie mille
Poi occorrerà arrestare la motion con un if-statement
In setTimeout('daEseguire();', 200) 200 sono millisecondi, vale a dire il timer "attacca" dopo due decimi di secondo, e così la funzione ri-chiama l' esecuzione di stessa; il primo "attacco" viene dato dal gestore d' evento ONLOAD associato al BODY.codice:<head> <script> var laterale = 0; function daEseguire() { document.getElementById('loElemento').style.marginLeft = laterale + "px"; laterale = laterale + 2; setTimeout('daEseguire();', 200); } </script> </head> <body onload="daEseguire()"> [img][/img] </body>
Quindi giocando su questo valore e sullo step d' incremento (+ 2) della var laterale puoi variare l' effetto visivo.
Bisogna anche tener conto di come la IMG è posizionata nel tuo layout; agire sullo style.marginLeft non è l' unica via possibile ...
per Enzaccio, molte grazie per il tuo chiarimento, ora provo e spero vada tutto bene!!
ho fatto come da te suggerito e funziona, ma il movimento è scattoso, non lineare.Originariamente inviato da Enzaccio
Poi occorrerà arrestare la motion con un if-statement
In setTimeout('daEseguire();', 200) 200 sono millisecondi, vale a dire il timer "attacca" dopo due decimi di secondo, e così la funzione ri-chiama l' esecuzione di stessa; il primo "attacco" viene dato dal gestore d' evento ONLOAD associato al BODY.codice:<head> <script> var laterale = 0; function daEseguire() { document.getElementById('loElemento').style.marginLeft = laterale + "px"; laterale = laterale + 2; setTimeout('daEseguire();', 200); } </script> </head> <body onload="daEseguire()"> [img][/img] </body>
Quindi giocando su questo valore e sullo step d' incremento (+ 2) della var laterale puoi variare l' effetto visivo.
Bisogna anche tener conto di come la IMG è posizionata nel tuo layout; agire sullo style.marginLeft non è l' unica via possibile ...
C'è qualche soluzione?
@blinkshow87 segui il consiglio m4rko80 usa una libreria volere eseguire animazioni in javascript "puro", sarà più complesso e avrai un risultato peggiore, senza contare la compatibilità dei vari browser.
Se l'animazione non è complessa vedi anche animate
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
Grazie Andrea, in effetti forse è meglio provare con qualche libreria, mi semplifico un po' in lavoro.
Proverò con .animate !!!
Permessi di invio
Rispondi quotando