Scorrimento immagine che si sviluppa orizontalmente

Danyb82

Nuovo Utente
3 Dic 2012
4
0
0
38
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

Utente Attivo
17 Apr 2012
1.102
0
0
Potresti fare una funzione che ogni volta aumenta di un tot la larghezza, esempio

Codice:
<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

Nuovo Utente
3 Dic 2012
4
0
0
38
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 è ...
 
Discussioni simili
Autore Titolo Forum Risposte Data
D [HTML] scorrimento dopo un'aggiunta di dati HTML e CSS 5
W [MS Access] Barre di scorrimento su maschere MS Access 0
A [Javascript] [CSS] elenco affiancato per evitare scorrimento pagina Javascript 4
Mer556 [Javascript] IMMAGINI A SCORRIMENTO, ANTEPRIMA 3 Javascript 1
G Scorrimento immagini nel tag section Javascript 12
S Problema scorrimento DIV Javascript 6
S Problema scorrimento DIV senza scrollbar HTML e CSS 4
asevenx plugin slider scorrimento immagini WordPress 2
N Scorrimento automatico TAB Javascript 5
K Script scorrimento notizie Javascript 2
A scorrimento all'interno database mysql riportando dati su form (tipo Dataset) Ajax 5
filippino Eliminare le barre scorrimento HTML e CSS 1
F come si rileva lo scorrimento del mouse in alto o in basso? Javascript 5
S DIV con scorrimento mouse HTML e CSS 1
A Estrarre solo un certo numero di record e scorrimento pagine PHP 9
P Scorrimento array-pagine PHP 0
A codice html al posto delle immagini in una finestra di scorrimento Javascript 0
M Scorrimento solo di una parte di pagina - dreamweaver cs3 Webdesign e Grafica 1
M Scorrimento solo di una parte di pagina - dreamweaver cs3 HTML e CSS 0
A scorrimento orizzontale HTML e CSS 2
B Script scorrimento orizzontale immagini linkabili - scorrimento al click su un < o > Javascript 0
borgo italia barre scorrimento colorate HTML e CSS 7
P problema di scorrimento PHP 10
S menù laterale che segue lo scorrimento della pagina Javascript 6
G creare immagini a scorrimento, però sbaglio e mi si sovrappongono..aiutatemi Flash 1
R Creare pulsanti di scorrimento in flash e altre informazioni Flash 0
borgo italia scorrimento notizie Javascript 0
P scorrimento verticale notizie e col passaggio mouse si ferma Javascript 4
C scorrimento panoramica: qualità filmato Flash 2
Nyl Css - Barre di scorrimento colorate HTML e CSS 9
T barre di scorrimento HTML e CSS 2
B barra di scorrimento in tabella HTML e CSS 1
D Scorrimento pagina con javascript Javascript 0
B Settaggio freccie di scorrimento per filmato Flash 0
C Script per lo scorrimento delle immagini Javascript 0
E pulsante di scorrimento Javascript Javascript 0
M Piccole finestrelle con barra di scorrimento HTML e CSS 1
A Colorare le barrette di scorrimento HTML e CSS 4
coteaz problema con iframe e con barre di scorrimento Javascript 3
B Larghezza pagina web / barra scorrimento impazzita? HTML e CSS 0
Firespit Barra di scorrimento in una tabella HTML e CSS 3
D barra scorrimento IFrame HTML e CSS 2
R HELP...problema con le barre di scorrimento! HTML e CSS 15
C Scorrimento Verticale Javascript 1
Eugene CSS per colorare barre di scorrimento - vietato? HTML e CSS 3
R Problema con FP 2003: bloccare scorrimento menu HTML e CSS 4
H Colorare le barre di scorrimento HTML e CSS 20
A Barre di scorrimento laterali HTML e CSS 12
N scorrimento pagine PHP 3
S Scorrimento parte pagina HTML e CSS 1

Discussioni simili