Wie machen Sie eine Mini-Diashow

February 20

Machen eine Mini-Dia-Show kann eine effektive Möglichkeit, Folien von Grafiken oder Bilder auf Ihrer Webseite zu zeigen, ohne viel Platz einzunehmen. Um eine Diashow auf Ihrer Webseite zu erstellen, sollten Sie haben, ein Mindestmaß an Verständnis von HTML und JavaScript Programmierung. Allerdings müssen Sie kein Experte zu sein.

Anweisungen

1 Melden Sie sich Ihrem Web-Server.

2 Laden Sie die Bilder, die in der Diashow zu verwenden, so dass sie URLs auf dem Server zugewiesen werden soll. Der Prozess, die, den Sie folgen, dazu, sehr unterschiedlich je nach Ihren Web-Server-Tools. In der Regel dazu durch Klicken auf eine Schaltfläche "Hochladen", dann durchsuchen Ihren Computer für die Bilder hochladen möchten. Klicken Sie nach jedem Bild zu finden auf ein "Veröffentlichen" machen jedes Bild Leben und geben sie einen Dateipfad. Speichern Sie diese Dateipfade, an einen Ort, wo Sie leicht zugreifen können.

3 Öffnen Sie die HTML-Seite, auf der Sie die Mini Diashow anzeigen möchten.

4 Fügen Sie folgenden Code auf die Seite:

< html >

< Head >

< Skript-Typ = "Text/Javascript" >

<!--

Var image1 = neue Image()

image1.Name= "Slide" Width = "100" Height = "56" / >

< Skript >

<!--

Variable, die durch die Bilder zu erhöhen, wird

Var-Schritt = 1

Funktion slideit() {}

Wenn der Browser das Image-Objekt nicht unterstützt wird, beenden.

Wenn (! document.images)

Rückkehr

Document.Images.Slide.src=eval("Image"+Step+".src")

Wenn (Schritt < 3)

Schritt ++

sonst

Schritt = 1

Rufen Sie die Funktion "slideit()" alle 2,5 Sekunden

setTimeout("slideit()",2500)

}

slideit()

-->

< / script >

< / body >

< / html >

5 Ersetzen Sie beide Instanzen von "firstimage.jpg" mit den Dateipfad des Bildes, die Sie zuerst anzeigen möchten. Dies ist das einzige Bild, das im Code zweimal aufgelistet. Die anderen Bilder sind einmal aufgelistet.

6 Ersetzen Sie "secondimage.jpg" und die "thirdimage.jpg"-Instanzen durch die Dateipfade der anderen Bilder, die in der Diashow enthalten sein sollen.

Tipps & Warnungen

  • Um weitere Bilder der Diashow hinzuzufügen, fügen Sie folgenden Code nach das letzte Bild im Code aufgeführt:
  • Var image4 = neue Image()
  • image4.src= "fourthimage.jpg"
  • Ändern Sie den Namen des Bildes auf dem richtigen Pfad, nach Bedarf, und führen Sie diesen Vorgang, um noch mehr Bilder für die Diashow erstellen.

SIE KÖNNEN AUCH GERNE