lightbox et boutons prev/next Fermé

Question

Bonjour!

J'ai mis en place la lightbox 2 grace à ce site:http://lokeshdhakar.com/projects/lightbox2/
Ca fonctionne bien:quand je clique sur une image elle m'amène bien à la suivante.
Et le bouton close apparait bien.
Par contre,impossible de faire apparaitre les boutons PREV et NEXT que ce soit sous ie ou firefox.
J'ai bien indiqué le bon chemin vers les images.(j'ai même essayé le chemin relatif et absolu).Mais rien à faire; :-(
Je vous indique le css de la lightbox.Peut être que quelque chose m'aura échappé
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/extras/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/extras/nextlabel.gif) right 15% no-repeat; }

(D'ailleurs,je n'ai pas compris le "trick ie into showing hover")

Merci

le hollandais volant · Answer

Salut,
Les boutons "next" et "previous" n'apparaissent que si les images se suivent dans ton code HTML.

Quant à ça : 

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

IE est un navigateur tellement merdique, il lui faut tout un tas d'instructions CSS en plus pour fonctionner.
Le url(data:image/gif;base64,AAAA); est un code pour intégrer une image au format Base64. C'est un format où l'image n'est pas un fichier externe, mais un code directement intégré dans le code CSS ou HTML.

Lightbox et boutons prev/next

1 réponse

Discussions similaires