Light Box Tutorial

Mitglieder-Login

InformationenJavaScript-Programmierung

Wie Java Script für Learn JavaScript ist ein Computer- Scripting-Sprache verwendet, um Interaktivität zu Webseiten hinzufügen
Wie Javascript Passwort auf einem I… Javascript -Dateien sind Textdateien Sie mit dem Windows Notepad -Editor mit dem Windows-Betriebssys
JavaScript Tutorial und Referenz JavaScript ist eine leichte Programmiersprache mit vielen Worten und Zeichen , Tags und Operatoren (
Wie die Post zu Facebook Button hin… Es ist mittlerweile das ungeschriebene Gesetz der Bahn , dass Blogger Leser müssen . Wenn Sie eine W

Programming

HOME

* Computer Wissen >> Programming >> JavaScript-Programmierung >> .

Light Box Tutorial

Lightbox ist eine revolutionäre , die Sie Javascript , um Bilder , Videos oder sogar eine ganze Webseite in einem semi- transparenten Overlay auf einer Website anzeigen können. Es gibt viele Versionen und Anpassungen der Lightbox , aber sie sind alle nach Lightbox JS, die ursprünglich von Lokesh Dhakar geschrieben wurde modelliert. Obwohl Lightbox JS erscheinen mag verwirrend sein, um eine nicht- Programmierer , kann es eigentlich ziemlich einfach mit ein paar Anweisungen gesetzt . Erste Lightbox

Erwerben Sie die richtigen Dateien . Es gibt mehrere Versionen des ursprünglichen Lightbox und jede ist einem besonderen Satz Bedürfnisse zugeschnitten sind. Wenn Sie werden mit Lightbox , nur um Bilder anzuzeigen , laden Sie die Dateien für die Lightbox JS 2 . Wenn Sie Web-Seiten in Leuchtkästen anzeigen möchten , gibt es ein Paket namens Lightbox Gone Wild , die dafür konfiguriert ist. Wenn Sie Probleme bekommen Lightbox JS 2 auf Ihrem Web-Server laufen , versuchen Sie es mit Lightbox Plus.
Mit Lightbox JS 2

Lighbox JS 2 steht zum Download bereit kostenlos bei HuddleTogether.com und die Zip-Datei enthält alles, was Sie brauchen, um Leuchtkästen auf Ihrer Website haben . Sobald Sie heruntergeladen haben, und die Dateien entpackt , erstellen Sie einen Ordner für die Lightbox -Dateien auf Ihren Webserver . Öffnen Sie die Webseite, die Sie haben wollen Lightbox arbeiten - zum Beispiel index.html - und fügen Sie folgenden Code in der Kopfzeile :

" <- ! Starte LightboxJS2 -> < script type = "text /javascript" src = " http://www.example.com/prototype.js "> < script type = " text /javascript " src =" http://www.example.com/scriptaculous.js?load = Effekte "> Jetzt registrieren src="http://www.example.com/js/lightbox.js"> "

passen Sie die Verzeichnisse Ihrer Verzeichnisstruktur entsprechen. Nächstes öffnen Sie die Datei Lightbox.cs und gehen Sie zum Ende des Dokuments . Bearbeiten Sie die Pfade für prev.gif und next.gif Ihre Verzeichnis-Struktur entsprechen. Machen Sie dasselbe in lightbox.js für loading.gif und close.gif . Jetzt laden Sie die Dateien auf Ihren Lightbox -Verzeichnis auf Ihrem Webserver. Lightbox ist nun bereit, auf Ihrer Website verwendet werden.

Lightbox rufen Sie das Skript verwenden müssen . Die Lightbox -Skript wird durch eine Kombination der Hyperlink-Referenz und Bild HTML-Tags aufgerufen. Verwenden Sie einfach das folgende Beispiel, um ein Bild , das als Leuchtkasten legen :

" "

Wenn Sie mehrere Bilder auf einer Webseite aufrufen Seite in dieser Weise werden Sie in der Lage sein , sie in der Lightbox mit den Schaltflächen Zurück und Weiter blättern.