Une visionneuse est un code javascript qui peut être utilisé pour afficher une image dans une boîte de pop-up plutôt que dans une nouvelle fenêtre complètement. Le code est écrit de telle sorte que beaucoup de ses caractéristiques peuvent être modifiés, y compris légende, taille et position. Par défaut, la visionneuse devrait apparaître dans le centre de l'écran. Si cela ne fonctionne pas, il est un moyen de forcer ce centre positionnement en utilisant le code CSS.
Télécharger la visionneuse du site Lightbox. Ce téléchargement inclura les fichiers javascript que vous devez exécuter la visionneuse, ainsi que le code CSS qui peut être utilisé pour changer son apparence.
Ouvrez votre éditeur de texte, tel que Notepad ou Text Edit. Sélectionner "Fichier" dans le menu principal, puis sélectionnez "Ouvrir." Accédez au dossier que vous avez téléchargé à la visionneuse, puis cliquez sur "lightbox.css" pour ouvrir ce fichier. Cela va ouvrir votre feuille de style CSS.
Trouvez la section thath commence "#boite à lumière." Ce contrôle l'apparence de la boîte qui apparaît sur l'écran. Après le "{" ajoutez le code:
Position: fixe
top: 0-
gauche: 0-
Assurez-vous de fermer cette avec "}". Cela donnera à votre lightbox une position fixe quel que soit le navigateur, il est sur. La "haut" et "gauche" désignations signifient qu'il ne bouge pas du centre. Si vous souhaitez déplacer votre visionneuse autour, entrez des valeurs positives ou négatives dans la "haut" et "gauche" domaines.
Enregistrez votre fichier en cliquant sur "Fichier" puis "Sauvegarder." Télécharger tous les fichiers sur votre serveur web et vous serez en mesure d'utiliser la visionneuse avec un popup fixe au centre de l'écran n'importe où sur votre site.