Lightbox est un script JavaScript que vous pouvez utiliser sur vos pages Web. Au lieu d'ouvrir une image cliqué sur une toute nouvelle page Web, Lightbox se superpose à l'image cliqué sur le dessus de la page Web en cours , obscurcissant la page en cours en arrière-plan . Vous pouvez utiliser la Visionneuse de vos pages Web en téléchargeant le script Lightbox , CSS et des fichiers image , puis les placer sur votre serveur Web. Après y compris les scripts la Visionneuse et le fichier CSS dans l'entête de votre page, vous pouvez utiliser la Visionneuse d' un lien d'image en ajoutant un attribut au lien de l'image. Instructions 1
Téléchargez le fichier zip de la visionneuse de LokeshDhakar.com . Placez le inclus "CSS ", " images " et de "répertoire js " sur votre serveur Web. 2
Ouvrez le code source HTML de votre page Web dans un éditeur de texte . < Br > 3
Ajoutez les lignes suivantes à en-tête de la page, entre le "
" et " " balises dans le code source:
< script type = " text /javascript " src =" js /prototype.js "> Photos
4
utilisation lightbox pour un lien d'image en ajoutant le " rel = "lightbox "" propriété à n'importe quelle balise de lien de l'image dans le code. Par exemple, la balise suivante crée un lien nommé " Link" qui ouvre la " example.jpg " image dans le répertoire "images" dans un volet de la visionneuse , avec le titre " Title":