Javascript ist eine objektorientierte Programmiersprache, die ideal für das Hinzufügen von Funktionalität, um Web-Seiten ist . Wenn Sie eine Foto-Galerie auf Ihrer Website setzen wollen, dann eine Javascript-Galerie ist ein Weg, um Ihr Ziel zu erreichen . Mit Javascript können Sie eine Foto-Galerie mit Zoom in und aus erstellen und Thumbnail- Bilder. Beim Erstellen einer Javascript Fotogalerie aus dem Nichts ist eine fortgeschrittene Technik , ließ eine bereits bestehende Vorlage in Ihre Web-Seite erhalten Sie das gleiche Ergebnis mit weniger Arbeit. Things You ImageFlow Galerie Skript brauchen (siehe Referenzen zum Download ) anzeigen Weitere Anweisungen 1
Platz die imageflow.js und imageflow.css in einem Web zugänglichen Verzeichnis . Zum Beispiel könnten Sie sie direkt in der Dokument-Root , oder "auch" Unterordner 2
Kopieren Sie die Paste die folgende Codezeile in den Kopf des HTML-Dokuments : . 3
ändern Sie den href -Attribut auf , wo Sie platziert " imageflow.css "-Datei in Punkt der erste Schritt. Wenn Sie es platziert in der Wurzel direkt , brauchen Sie nicht , um etwas zu ändern. 4
Kopieren und fügen Sie die folgenden Zeilen von Code in das unten auf der Seite Sie eine Galerie gehören , kurz vor dem Angebotsende Körper tag: Jetzt registrieren src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"> < /script> 5
Veränderung der "src "-Attribut aus der zweiten Zeile , darauf in dem Sie die Datei imageflow.js in dem ersten Schritt. Wenn Sie es platziert in der Wurzel direkt , brauchen Sie nicht , etwas zu ändern 6
Kopieren Sie den folgenden Code in den Körper des HTML-Dokuments : .
Fügen Sie alle gewünschten Bilder in die Galerie div von dem Schritt oben . Wenn Sie dem Benutzer, auf einen alternativen url gezogen werden, wenn sie das Bild ( wie ein Link ) klicken , dann in der "longdesc "-Attribut zu füllen mit einer URL, sonst wird das Bild -Tag nicht brauchen dieses Attribut . Breite und Höhe sind erforderlich, um die Galerie Arbeiten in Internet Explorer machen 8
Kopieren Sie den folgenden Code in Ihr HTML-Dokument , unter dem Code aus Schritt 4 , aber vor dem Angebotsende Körper tag: . < ; script type = "text /javascript" > domready (function ( ) {var = new gallery ImageFlow (); gallery.init ( { ImageFlowID : ' galleryId '} );} );
9
Öffnen Sie Ihre HTML-Seite in einem Browser zu sehen, Ihre Galerie arbeiten .
< img src = " path /to/image2.jpg "longdesc =" url "width =" "height =" "alt = " Caption "/>