Il sito per imparare gratuitamente a fare pagine Web

JavaScript E9
















E9 - SlideShow manuale: Avanti - Indietro - Reset. Con descrizioni foto ed effetto Cross-Fade.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name: etLux
Website: http://CodeLifter.com

Descrizione:Un semplice sfoglia immagini che funziona con tutti i tipi di browser. PossibilitÓ di descrivere le singole immagini che lo compongono, possibilitÓ di sfogliare le immagini in avanti e/o indietro ed anche ripartire dalla prima.



Passo 1 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, non vi rimane che trasferire il tutto nella vostra pagina web, in questo caso fra i tags: <head> e </head>.

seleziona tutto




Passo 2 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina nel punto esatto in cui deve apparire l'effetto, sempre fra i tags <body> e </body>.

seleziona tutto




Passo 3 :

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, inseritelo nella vostra pagina web, magari all'inizio subito dopo il tag body.

seleziona tutto

Note : Nella prima parte dello script (passo 1) trovate le variabili per impostare la durata dell'effetto fade var CrossFadeDuration = 3; e l'array Picture[] sul quale riportare i nomi delle immagini da visualizzare, stessa cosa per l'array Caption[] sul quale riportare i titoli delle immagini, Attenzione: ogni immagine deve necessariamente avere il suo titolo, magari lasciato in bianco ma deve esserci la riga di codice.




Valutazione

Valutazione: 1.98 stelle su 5
N. Voti: (41)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.