Ouvrez la feuille de style CSS qui a été fourni avec votre plugin visionneuse. Pour jQuery Lightbox, vous ouvrez le "jquery.lightbox.css" fichier situé dans le "css" dossier.
Situer le sélecteur se rapportant à votre titre de la visionneuse ou le conteneur de la légende. Si vous n'êtes pas sûr de sélecteur pour choisir, utiliser Opera ou Firebug pour Firefox et cliquez-droit sur le texte que vous voulez cacher.
Choisir "Inspecter l'élément" pour voir l'extrait de code lié à la zone de texte, et prendre note de l'ID ou classe attribuée à la durée ou div. Par exemple, jQuery utilise lightBox "# lightbox-image-de détails" et "# lightbox-image-détails-légende." Copiez ces styles en CSS principale feuille de style de votre site Web.
Ajouter une ligne pour chaque classe avec un "display: none" régner. Ceci aura pour effet masquer l'élément dans la plupart des cas. Depuis astuces CSS sont imprévisibles dans tous les navigateurs, les résultats peuvent varier. Si cacher l'élément ne fonctionne pas, ajouter une ligne à chaque classe avec un négatif "text-indent" valeur. Cette astuce CSS va pousser tout texte dans l'élément loin à l'extérieur des frontières de l'élément. Assurez-vous que chaque changement que vous faites est annexé avec "! Important" de dire au navigateur d'utiliser votre déclaration de style à la place de la valeur par défaut du script. Par example:
lightbox-conteneur de données d'image # lightbox-image-de détails {
largeur: 70% -float: gauche
text-align: gauche
affichage: aucune important-
text-indent: -9999px important-
}
Changer la couleur de fond ou un attribut de fond de la classe à "aucun" si votre titre de l'image ou de la description conteneur est la superposition de vos images. Par example:
lightbox-conteneur-image-données-box {
police: 10px Verdana, Helvetica, sans-serif-background-color: aucune important-
margin: 0 auto
line-height: 1.4em-
overflow: auto-
largeur: 100% -
padding: 10px 0- 0
}