JS Animated. Wie wendet man Plugin jQuery “FancyBox” lightbox an

Das jeweilige Tutorial zeigt, wie wendet man Plugin jQuery "FancyBox" lightbox in der Borlage JS Animated an.

FancyBox – ist das ein Instrument der Bilderdarstellung, des Inhalts und der Multimedia-Elemente im Mac-Stil "lightbox", der den oberen Teilобтекающий der Webseite umfließt und auf der Bibliothek jQueryerstellt ist.

Um ihn auf die Webseite hinzuzufügen:

1. Laden Sie Plugin der Bibliothek auf dem Link http://fancybox.net/ auf den Computer herunter und ziehen Sie ihn aus dem Archiv aus.

   

2. Kopieren Sie den Ordner fancybox aus dem Archiv in den Ordner site der Vorlage.

   

3. Öffnen Sie die Datei .html, die ein Bild erhält, für welche man Plugin anwenden soll und fügen Sie die Bibliothek und Tabelle der Stile anhand DreamWweaver ins Tag hinzu:

   

4. Drücken Sie die Zeile mit einem Bild, zum Beispiel

5. Verändern Sie sie auf folgende Art



6. Im Ordner images sollen sich image_big.jpg и image_small.jpg entsprechend befinden



7. Initialisieren Sie die Galerie: fügen Sie die folgende Kennummer in die Datei .html vor dem schließenden Tag hinzu :

   

8. Speichern Sie die Veränderungen und erneuern Sie die Seite im Browser: das Bild soll sich im Stil lightbox öffnen.

   

Anhand der Tabelle der erreichbaren Einstellungen auf dem Link http://fancybox.net/api, kann man Objekte key/value in der Funktion fancybox()einstellen.

Sie können auch zum Vorwand ein ausführliches Tutorialvideo nehmen: