Wie man Bilder auf meiner Web-Seite verschieben

Eine einfache Möglichkeit, Bilder für das Leben auf Ihre Website zu bringen ist eine Diashow hinzufügen. Eine Diashow bewirkt, dass die Bilder auf Ihrer Webseite statt verbleibende stationär entlang zu bewegen. Um bewegte Bilder zu Ihrer Website hinzufügen, müssen Sie den richtigen Code einbetten. Es gibt Websites Dritter, z. B. Folie, FlickR und PhotoShow, die bieten Ihre mit Diashow-Codes. Der Nachteil der Verwendung solcher Sites ist, dass ihre Werbung mit denen angezeigt wird, die Ihre Bilder ansehen. Durch ihre eigenen HTML-Code müssen Sie nicht Dritten anzeigen sorgen.

Anweisungen

1 Melden Sie sich der Systemsteuerung Ihrer Website.

2 Öffnen Sie Ihre Website "Datei-Verzeichnis." Stellen Sie sicher, dass alle Bilder, die Sie auf Ihrer Seite verschieben möchten in das Verzeichnis hochgeladen wurden. Abhängig von Ihrer Website-Host, möglicherweise gibt es ein spezieller "Medien" oder "Bilder"-Ordner in das Dateiverzeichnis, das speziell für Ihre Bilder ist. Wenn deine Bilder nicht hochgeladen werden, können Sie einfach hochladen, indem Sie auf die Schaltfläche "Hochladen".

3 Notieren Sie den Dateinamen für alle hochgeladenen Bilder, die Sie auf Ihrer Seite verwenden möchten. Der Dateiname sollte geschrieben werden, genau wie in Ihrem Dateiverzeichnis angezeigt. Z. B. picture1.jpg, picture2.jpg und picture3.jpg.

4 Rufen Sie die Seite innerhalb Ihrer "Dateiverzeichnis", dass Sie den bewegten Bildern platzieren möchten. Wählen Sie die Option "Seite bearbeiten". Dadurch wird den HTML-Editor für die Seite gestartet.

5 Platzieren Sie alle der folgenden Code innerhalb der HTML-Editor. Achten Sie darauf, dass Sie die Bild-Namen reflektieren die Namen Ihrer Bilder zu bearbeiten.

<!--konfigurierbares Skript-->< Skript Typ = \ "Text/Javascript\" >TheImage = neue Array()GEHEN

Sie können die Bild-Namen mit den Namen Ihrer tatsächlichen Bilder ersetzen. Wenn Sie alle Bilder nicht benötigen, können Sie zusätzlichen Zeilen löschen.Format: Theimage [...] = [Bild/URL, Link-URL, Name/Beschreibung]TheImage [0] = [\ "http://www.picture1.jpg \ & Quot; \"\", \"Picture 1\"]GEHENTheImage [1] = [\ "http://www.picture2.jpg \ & Quot; \"\", \"Picture 2\"]GEHENTheImage [2] = [\ "http://www.picture3.jpg \ & Quot; \"\", \"Picture 3\"]GEHENTheImage [3] = [\ "http://www.picture4.jpg \ & Quot; \"\", \"Picture 4\"]GEHENTheImage [4] = [\ "http://www.picture5.jpg \ & Quot; \"\", \"Picture 5\"]GEHEN

Plugin-Variablen

Playspeed = 3000; / / Sie können die Playspeed um die Bilder schneller bewegen zu erhöhen. Sie können die Playspeed um die Bilder verschieben Sie langsamer ms machen verringern.//#####sind Schlüssel, die derzeit wo im Array enthältIch = 0GEHEN

//###########################################{Window.OnLoad=Function()}

Vorspannung Bilder in browserpreloadSlide()GEHEN

Legen Sie die erste FolieSetSlide(0)GEHEN

AutoPlayPlaySlide()GEHEN}

//###########################################Funktion SetSlide(num) {}zu großi=num%theImage.lengthGEHENzu kleinif(i<0) i=theimage.length-1GEHEN

das Bild wechselnDocument.Images.imgslide.src=theImage[i][0]GEHEN

Wenn sie, Namen der aktuellen Folie wollenDocument.getElementById('slidebox').innerHTML = Theimage [i] [2]GEHEN

}

//###########################################Funktion PlaySlide() {}Wenn (! window.playing) {}PlayingSlide(i+1)GEHEN{if(Document.Slideshow.Play)}Document.Slideshow.Play.Value=\ "beenden \"GEHEN}}Else {}Playing=clearTimeout(Playing)GEHEN{if(Document.Slideshow.Play)}Document.Slideshow.Play.Value=\ "spielen \"GEHEN}}Wenn Sie das Bild für die \"playing\ ändern" Folie{if(Document.Images.imgPlay)}setTimeout('document.images.imgPlay.src=\"'+imgStop+'\"',1)GEHENimgStop=document.images.imgPlay.src}}

//###########################################Funktion PlayingSlide(num) {}Playing=setTimeout('PlayingSlide(i+1); SetSlide(i+1);', Playspeed)GEHEN}

//###########################################Funktion preloadSlide() {}für (k = 0; k < theimage.length;k++) {}TheImage [k] [0] = neue Image:) .src = Theimage [k] [0]GEHEN}}

< / script >

<!--Diashow HTML-->< Formularname = \ "Slideshow\" >

< Tabellenrahmen = \ "1" Cellpadding = \ "2\" Cellspacing = \ "0\" >< tr >< td align = \ "Center\" >< a Href = \ "#\" onmouseover=\"this.href=theimage[i][1];return False\" >< Skript Typ = \ "Text/Javascript\" >Document.Write ("< Img Name = \"Imgslide\"Id = \"Imgslide\"Src = \" "+ Theimage [0] [0] +" \ "Grenze = \"0\">")< / script ></a ></td ></tr >< tr >< td align = \ "Center\" >< Div Id = \ "Slidebox\" >< / Div >< / td ></tr >< / table >

< / form ><!--Ende--> HTML Diashow

6 Klicken Sie auf "Speichern" und "Veröffentlichen" zum Speichern der Änderungen an der Seite Option.