Scorrimento immagine che si sviluppa orizontalmente

[Danyb82]

Buona sera!

Ho un immagine lunga indicativamente 8000px (leggera ma eventualmente da frammentare come sfondo in più div)
Voglio venga visualizzata in un riquadro largo il 100% della pagina.
Il risultato che vorrei ottenere è uno scorrimento automatico di questa lunga immagine con uno stop ogni "tot" pixel e ripartenza dopo qualche secondo.

Qualche consiglio?

Grazie

 

[Nefyt]

Potresti fare una funzione che ogni volta aumenta di un tot la larghezza, esempio

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id='img' style='background:black;height:100%;width:0%;'></div>​

<script>
function aumenta_larghezza(volte){
   for(var i=0;i<volte;i++)
    $('#img').animate({'width':'+=10%'},1000);
}

aumenta_larghezza(10);
</script>

 

[Danyb82]

Ciao!

sono ora ho avuto il tempo di provare.

Con il tuo codice (lo conservo per altre animazioni ) viene "scoperta" l'immagine un po alla volta fino al limite della pagina.

Ho trovato qualcosa di simile per far capire meglio il risultato che voglio ottene http://italiokitchen.com/

... forse la sto facendo più complicata di quel che è ...

 

[Nefyt]

Tu ti riferisci a questo plugin allora http://codecanyon.net/item/layerslider-wp-the-wordpress-parallax-slider/1362246

Ce ne sono simili gratis o puoi sempre prendertelo facilmente scopiazzando la pagina