Come fare una presentazione Mini

February 21

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

istruzione

1 Accedere al server Web.

2 Precaricare le immagini che si desidera utilizzare nella presentazione in modo che siano assegnati URL sul server. Il processo si segue per fare questo varia notevolmente a seconda strumenti del server Web. Generalmente si tratta di clic su un pulsante "Carica", quindi la navigazione il computer per le immagini che si desidera caricare. Dopo aver trovato ogni immagine, fare clic su un pulsante "Pubblica" per rendere ogni immagine dal vivo e dargli un percorso di file. Salvare questi percorsi di file in una posizione in cui si può facilmente accedere.

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

4 Inserire il seguente codice nella pagina:

<Html>

<Head>

<Script type = "text / javascript">

<! -

var = image1 nuova immagine ()

image1.name = larghezza "slide" = "100" height = "56" />

<Script>

<! -

// Variabile che incrementare attraverso le immagini

var passo = 1

Funzione SlideIT () {

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

if (!) document.images

ritorno

document.images.slide.src = eval ( "immagine" + passo + ". src")

if (fase <3)

passo ++

altro

passo = 1

// Chiamata di 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 di immagine che si desidera visualizzare per primi. Questa è l'unica immagine elencati nel codice due volte. Le altre immagini sono elencati una volta.

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

Consigli e avvertenze

  • Per aggiungere altre immagini alla presentazione, inserire il seguente codice dopo l'ultima immagine elencati nel codice:
  • var = image4 nuova immagine ()
  • image4.src = "fourthimage.jpg"
  • Cambiare il nome dell'immagine per il percorso del file corretto in base alle esigenze e seguire questa procedura per aggiungere anche altre immagini per lo spettacolo.