Un modo semplice per far rivivere sul tuo sito Web le immagini consiste nell'aggiungere una presentazione di diapositive. Una presentazione di immagini fa sì che le immagini per muoversi lungo sulla tua pagina web invece di fermo restante. Per aggiungere immagini in movimento al tuo sito, è necessario incorporare il codice corretto. Ci sono siti Web di terze parti, quali Slide, FlickR e PhotoShow che fornirà il vostro con codici di slide-show. Lo svantaggio dell'utilizzo di tali siti è che loro pubblicità verrà visualizzata a chi Mostra le immagini. Creando il proprio codice HTML non devi preoccuparti di annunci di terze parti.

Istruzioni

1

Accedi al pannello di controllo del tuo sito Web.

2

Aprire "File Directory." il sito della Verificare che tutte le immagini che si desidera spostare nella pagina sono state caricate nella directory. Dipendendo dal tuo host del sito Web, ci può essere una cartella "Media" o "Immagini" speciale all'interno della directory del file che è specifico per le immagini. Se le immagini non vengono caricate, è facilmente possibile caricarli facendo clic sul pulsante "Upload".

3

Annotare il nome del file per tutte le immagini caricate da utilizzare sulla tua pagina. Il nome del file deve essere scritto esattamente come appare nella vostra directory di file. Ad esempio, Picture1, picture2.jpg e picture3.jpg.

4

Individuare la pagina all'interno della vostra "Directory di File" che si desidera inserire le immagini in movimento su. Selezionare l'opzione di "Modificare" la pagina. Verrà avviato l'editor HTML per la pagina.

5

Inserire tutto il codice seguente all'interno dell'editor HTML. Assicurarsi di modificare i nomi di immagine in base ai nomi delle vostre immagini.

<!---> script configurabile
< script tipo = \ "testo/javascript\" >
theImage = new Array)
VAI

È possibile sostituire i nomi di foto con i nomi delle immagini reali. Se non avete bisogno di tutte le immagini, è possibile eliminare le righe supplementari.
Formato: theimage [...] = [immagine URL, link URL, nome/Descrizione]
theImage [0] = [\ "http://www.picture1.jpg \ & quot; \"\", \"Picture 1\"]
VAI
theImage [1] = [\ "http://www.picture2.jpg \ & quot; \"\", \"Picture 2\"]
VAI
theImage [2] = [\ "http://www.picture3.jpg \ & quot; \"\", \"Picture 3\"]
VAI
theImage [3] = [\ "http://www.picture4.jpg \ & quot; \"\", \"Picture 4\"]
VAI
theImage [4] = [\ "http://www.picture5.jpg \ & quot; \"\", \"Picture 5\"]
VAI

Variabili dei plugin

playspeed = 3000; / / è possibile aumentare la playspeed per rendere le immagini si muovono più velocemente. È possibile diminuire il playspeed per rendere le immagini spostare più lento ms
//#####
chiave che contiene attualmente dove nella matrice sono
Io = 0
VAI

//###########################################
Window.onLoad=function() () {

Precarica immagini nel browser
preloadSlide()
VAI

impostare la prima diapositiva
SetSlide(0)
VAI

AutoPlay
PlaySlide()
VAI
}

//###########################################
Function SetSlide(num) () {
troppo grande
i=num%theImage.length
VAI
troppo piccolo
if(i<0) i=theimage.length-1
VAI

commutare l'immagine
Document.images.imgslide.src=theImage[i][0]
VAI

Se vogliono il nome della diapositiva corrente
document.getElementById('slidebox').innerHTML = theimage [i] [2]
VAI

}

//###########################################
Function PlaySlide() () {
Se (! window.playing) {
PlayingSlide(i+1)
VAI
if(Document.slideshow.Play) () {
Document.slideshow.Play.value=\ "Stop \"
VAI
}
}
else {
Playing=clearTimeout(playing)
VAI
if(Document.slideshow.Play) () {
Document.slideshow.Play.value=\ "giocare \"
VAI
}
}
Se è necessario modificare l'immagine per la \"playing\" diapositiva
if(Document.images.imgPlay) () {
setTimeout('document.images.imgPlay.src=\"'+imgStop+'\"',1)
VAI
imgStop=document.images.imgPlay.src
}
}

//###########################################
Function PlayingSlide(num) () {
Playing=setTimeout('PlayingSlide(i+1); SetSlide(i+1);', playspeed)
VAI
}

//###########################################
Function preloadSlide() () {
per (k = 0; k < theimage.length;k++) {
theImage [k] [0] = nuova immagine () src = theimage [k] [0]
VAI
}
}

< / script >

<!---> presentazione HTML
< nome modulo = \ "slideshow\" >

< tavolo border = \ "1" cellpadding = \ "2 \" cellspacing = \ "0 \" >
< tr >
< td align = \ "Center \" >
< a href = \ "#\" onmouseover=\"this.href=theimage[i][1];return false\" >
< script tipo = \ "testo/javascript\" >
Document. Write ('< nome img = \ id "imgslide\" = \ "imgslide\" src = \ "'+ theimage [0] [0] +'\" border = \ "0 \" >')
< / script >
< /a >
< /td >
< /tr >
< tr >
< td align = \ "Center \" >< div id = "slidebox\" \ >< / div >< /td >
< /tr >
< / tabella >

< / form >
<!-fine di presentazione HTML-->

6

Fare clic su "Salva" e "Pubblica" opzione per salvare le modifiche alla pagina.