Lightbox is een gratis open - source JavaScript-bibliotheek die u kunt gebruiken om een fotogalerij te presenteren op uw website op een visueel aantrekkelijke manier . Wanneer een gebruiker klikt op een van uw miniaturen , zal Lightbox fade-out van de pagina-achtergrond en inzoomen op het beeld om het browservenster te vullen . De maker van Lightbox is het mogelijk om deze functionaliteit toe te voegen aan uw website met slechts een paar kleine aanpassingen aan uw HTML-code gemaakt . Wat je nodig hebt
webbrowser
HTML-pagina ( s) van Beelden
Toon Meer Aanwijzingen
1 Open uw webbrowser en ga naar de lightbox homepage ( zie bronnen ) . Download de nieuwste versie van de bibliotheek . Kopen van 2 Pak het ZIP- bestand dat u hebt gedownload . Het bevat een voorbeeld van een HTML -bestand en drie mappen : " css , " sheets die gebruikt Lightbox bevat , " afbeeldingen " welke beelden die de bibliotheek bevat , en " js ", die de Lightbox broncode en het Prototype en bevat scriptaculous bibliotheken die nodig zijn door lightbox .
3 Kopieer de " css ", " images " en " js " mappen naar een locatie die toegankelijk is vanaf uw webpagina . De overige stappen zal veronderstellen dat je ze hebt geplaatst in dezelfde map als het HTML-bestand , als je ze in een andere locatie , moet u de paden aanpassen in deze stappen dienovereenkomstig
4 . Open het HTML-bestand dat wordt gebruikt lightbox in uw favoriete tekstverwerker .
5 Als u nog niet met behulp van de Prototype en Scriptaculous libraries op uw webpagina, voeg de volgende twee regels in de " , " sectie van het HTML-bestand :
|
