Lightbox est un javascript révolutionnaire qui vous permet de visualiser des images , des vidéos ou même une page Web entière en une superposition semi- transparente sur un site Web. Il existe de nombreuses versions et adaptations de Lightbox , mais ils sont tous calqués sur Lightbox JS , qui a été écrit à l'origine par Lokesh Dhakar . Bien Lightbox JS peut apparaître déroutant pour un non - programmeur , il peut effectivement être mis en place assez facilement avec quelques instructions. Mise Lightbox
acquérir les fichiers appropriés . Il existe plusieurs versions de la Visionneuse d'origine et chacun est adapté à un ensemble particulier de besoins. Si vous utilisez la Visionneuse juste pour afficher des images , télécharger des fichiers pour ma JS 2. Si vous souhaitez afficher des pages web dans des Dossiers Personnels , il ya un paquet appelé Lightbox Gone Wild qui est configuré pour cela. Si vous éprouvez des difficultés à obtenir Lightbox JS 2 afin de fonctionner sur votre serveur web , essayez d'utiliser la Visionneuse Plus. En utilisant une lightbox JS 2
Lighbox JS 2 est disponible en téléchargement gratuitement à HuddleTogether.com et le fichier zip contient tout ce que vous devez avoir visionneuses de votre site. Une fois que vous avez téléchargé et décompressé les fichiers , créez un dossier pour les fichiers de ma sur votre serveur web. Ouvrez la page Web que vous souhaitez avoir Lightbox travailler sur - par exemple index.html - et insérez le code suivant dans votre tête :
"< - Début LightboxJS2 -> < script type = " text /javascript" src = " http://www.example.com/prototype.js "> < script type =" text /javascript " src =" http://www.example.com/scriptaculous.js?load = effets "> "
Ajuster les répertoires en fonction de votre structure de répertoire. Suivant ouvrir les Lightbox.cs de fichiers et aller à la fin du document. Modifier les chemins pour prev.gif et next.gif pour correspondre à la structure de votre répertoire. Faites la même chose dans lightbox.js pour loading.gif et close.gif . Maintenant télécharger les fichiers dans votre répertoire Lightbox sur votre serveur web. Lightbox est maintenant prêt à être utilisé sur votre site.
Pour utiliser lightbox Vous devez appeler le script. Le script Lightbox est appelé par une combinaison de la référence de lien hypertexte et image balises HTML. Il suffit d'utiliser l'exemple ci-dessous pour insérer une image qui fonctionne comme une visionneuse :
" "
Si vous appelez plusieurs images sur un site web la page de cette façon , vous serez en mesure de naviguer dans la Lightbox en utilisant les boutons précédent et suivant .
