Un modo semplice per portare le immagini a vita sul vostro sito è quello di aggiungere una presentazione. Una presentazione di immagini fa sì che le immagini a muoversi lungo sulla tua pagina web invece di fermo restante. Al fine di aggiungere immagini in movimento verso il tuo sito, è necessario inserire il codice corretto. Ci sono siti web di terze parti, come ad esempio Slide, Flickr e PhotoShow che fornirà la vostra presentazione con i codici. L'aspetto negativo di utilizzare tali siti è che la loro pubblicità sarà visualizzata a coloro che vedono le immagini. Creando il proprio codice HTML non si deve preoccupare di annunci di terze parti.

istruzione

1 Accedi al pannello di controllo del tuo sito web.

2 Apri "Directory file." Del tuo sito Verificare che tutte le immagini che si desidera spostare nella tua pagina sono stati caricati nella directory. A seconda del vostro ospite sito web, ci può essere una speciale "Media" o cartella "Immagini" all'interno della directory di file che è specifico per le immagini. Se le immagini non vengono caricati, è facilmente possibile caricarli facendo clic sul pulsante "Upload".

3 Annotare il nome del file per tutte le foto caricate che si desidera utilizzare sulla tua pagina. Il nome del file deve essere scritto esattamente come appare nella directory del file. Ad esempio, picture1.jpg, picture2.jpg, e picture3.jpg.

4 Individuare la pagina all'interno del vostro "Directory file" che si desidera inserire le immagini in movimento su. Selezionare l'opzione "Modifica" nella pagina. Questo lancerà l'editor HTML della pagina.

5 Mettere tutto il seguente codice all'interno dell'editor HTML. Assicurarsi di modificare i nomi delle immagini in modo da riflettere i nomi delle immagini.

<! - Lo script configurabile ->
<Script type = \ "text / javascript \">
theImage = new Array ()
ANDARE

// È possibile sostituire i nomi delle immagini con i nomi dei immagini reali. Se non avete bisogno di tutte le immagini, è possibile eliminare le linee extra.
// Format: theImage [...] = [immagine URL, link URL, il nome / descrizione]
theImage [0] = [\ "http: //www.picture1.jpg \ & quot ;, \" \ ", \" Picture 1 \ "]
ANDARE
theImage [1] = [\ "http: //www.picture2.jpg \ & quot ;, \" \ ", \" Immagine 2 \ "]
ANDARE
theImage [2] = [\ "http: //www.picture3.jpg \ & quot ;, \" \ ", \" Immagine 3 \ "]
ANDARE
theImage [3] = [\ "http: //www.picture4.jpg \ & quot ;, \" \ ", \" Immagine 4 \ "]
ANDARE
theImage [4] = [\ "http: //www.picture5.jpg \ & quot ;, \" \ ", \" Immagine 5 \ "]
ANDARE

///// variabili Plugin

playspeed = 3000; // È possibile aumentare la playspeed per rendere le immagini si muovono più velocemente. È possibile diminuire la playspeed per rendere le immagini si muovono ms più lento
// #####
// Chiave che tiene in cui nella matrice attualmente sono
i = 0
ANDARE

// ###########################################
window.onload = function () {

// immagini precarico nel browser
preloadSlide ()
ANDARE

// Imposta la prima diapositiva
SetSlide (0)
ANDARE

//riproduzione automatica
PlaySlide ()
ANDARE
}

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

// Cambiare l'immagine
document.images.imgslide.src = theImage [i] [0]
ANDARE

// Se vogliono nome della diapositiva corrente
document.getElementById ( 'slidebox'). innerHTML = theImage [i] [2]
ANDARE

}

// ###########################################
Funzione PlaySlide () {
if (! window.playing) {
PlayingSlide (i + 1)
ANDARE
if (document.slideshow.play) {
document.slideshow.play.value = \ "Stop \"
ANDARE
}
}
altro {
giocando = clearTimeout (giocando)
ANDARE
if (document.slideshow.play) {
document.slideshow.play.value = \ "gioco \"
ANDARE
}
}
// Se si deve cambiare l'immagine per il \ "giocare \" slide
if (document.images.imgPlay) {
setTimeout ( 'document.images.imgPlay.src = \ "' + imgStop + '\"', 1)
ANDARE
imgStop = document.images.imgPlay.src
}
}

// ###########################################
Funzione PlayingSlide (num) {
gioca = setTimeout ( 'PlayingSlide (i + 1); SetSlide (i + 1);', playspeed)
ANDARE
}

// ###########################################
funzione preloadSlide () {
for (k = 0; k <theimage.length; k ++) {
theImage [k] [0] = nuova immagine (). src = theImage [k] [0]
ANDARE
}
}

</ Script>

<! - Slide show HTML ->
<Form name = \ "presentazione \">

<Table border = \ "1 \" cellpadding = \ "2 \" cellspacing = \ "0 \">
<Tr>
<Td align = \ "centro \">
<a href=\"#\" onmouseover=\"this.href=theimage[i][1];return false\">
<Script type = \ "text / javascript \">
document.write ( '<img Nome del = \ "imgslide \" id = \ src "imgslide \" = \ "' + theImage [0] [0] + '\" border = \ "0 \">')
</ Script>
</a>
</ Td>
</ Tr>
<Tr>
<Td align = \ "centro \"> <div id = \ "slidebox \"> </ div> </ td>
</ Tr>
</ Table>

</ Form>
<! - Fine della presentazione HTML ->

6 Selezionare l'opzione "Salva" e "Pubblica" per salvare le modifiche alla pagina.