Nwlapcug.com


Come fare una presentazione Mini

Creare una presentazione mini può essere un modo efficace per visualizzare le diapositive di grafica o immagini sulla tua pagina Web senza occupare molto spazio. Per creare una presentazione di diapositive sulla tua pagina Web, si dovrebbe avere un livello base di conoscenza di HTML e JavaScript di codifica. Tuttavia, non è necessario essere un esperto.

Istruzioni

1

Accedere al server Web.

2

Precaricare le immagini che si desidera utilizzare nella presentazione in modo che essi sono assegnati gli URL sul server. Il processo che potete seguire per effettuare questa operazione varia notevolmente a seconda di strumenti del server Web. Generalmente, questo coinvolge facendo clic di un pulsante "Carica", poi navigando il computer per le immagini che si desidera caricare. Dopo aver trovato ogni immagine, fare clic su un pulsante "Pubblica" per rendere ogni immagine live e fornire un percorso di file. Salvare questi percorsi di file in un percorso dove è possibile accedervi facilmente.

3

Aprire la pagina HTML in cui si desidera visualizzare la presentazione mini.

4

Inserire il codice riportato di seguito nella pagina:

< html >

< head >

< script type = "text/javascript" >

<!...

var image1 = new Image

larghezza di image1.Name= "slide" = "100" height = "56" / >

< script >

<!...

variabile che verrà incrementato attraverso le immagini

passo var = 1

Function slideit() () {

Se il browser non supporta l'oggetto immagine, uscita.

Se (! document.images)

ritorno

Document.images.Slide.src=Eval("image"+Step+".src")

Se (passaggio < 3)

passaggio + +

altro

Passo = 1

chiamare la funzione "slideit()" ogni 2,5 secondi

setTimeout("slideit()",2500)

}

SlideIT()

-->

< / script >

< / body >

< / html >

5

Sostituire entrambe le istanze di "firstimage.jpg" con il percorso del file dell'immagine che si desidera visualizzare per primi. Questa è l'unica immagine elencato nel codice due volte. Le altre immagini sono elencate in una volta.

6

Sostituire "secondimage.jpg" e le istanze di "thirdimage.jpg" con i percorsi dei file delle altre immagini che si desidera includere nella presentazione.

Consigli & Avvertenze

  • Per aggiungere altre immagini alla presentazione, è necessario inserire il codice seguente dopo l'ultima immagine elencati nel codice:
  • image4 var = new Image
  • image4.src= "fourthimage.jpg"
  • Modificare il nome dell'immagine al percorso corretto del file come necessario e seguire questo processo per aggiungere immagini ancora di più per lo spettacolo.