LightBox Le bouton Next est-il toujours activé?

Question

Dans LightBox, existe-t-il un moyen de toujours afficher le bouton de navigation Suivant?

Answer 1

Je suppose que vous utilisez Lightbox 2

Ouvrez votre fichier lightbox.css et modifier ces deux lignes:

#prevLink { left: 0; float: left; } 
#nextLink { right: 0; float: right; } 

à

#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;} 
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;} 

Je n'ai testé ce dans Safari mais ça devrait être OK dans tout le reste. Derniers mots célèbres hein?

Answer 2

Semble chaque client que j'ai aime Lightbox mais se plaint de devoir «fermer» chaque grande image pour pouvoir cliquer sur la prochaine vignette. Ils ne réalisent jamais qu'ils peuvent survoler la grande image pour voir les flèches de navigation et cliquer immédiatement sur l'image suivante. Voici ma solution (en utilisant Lightbox 2,51):

Dans "lightbox.css" changer ceci:

.lb-prev, .lb-next { 
    width: 49%; 
    height: 100%; 
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 
    /* Trick IE into showing hover */ 
    display: block; 
} 

/* line 72, ../sass/lightbox.sass */ 
.lb-prev { 
    left: 0; 
    float: left; 
} 

/* line 76, ../sass/lightbox.sass */ 
.lb-next { 
    right: 0; 
    float: right; 
} 

/* line 81, ../sass/lightbox.sass */ 
.lb-prev:hover { 
    background: url(../images/prev.png) left 48% no-repeat; 
} 

/* line 85, ../sass/lightbox.sass */ 
.lb-next:hover { 
    background: url(../images/next.png) right 48% no-repeat; 
} 

à:

.lb-prev, .lb-next { 
    width: 49%; 
    height: 100%; 
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 
    /* Trick IE into showing hover */ 
    display: block; 
    opacity:0.6; 
    filter:alpha(opacity=60); /* For IE8 and earlier */ 
} 

/* line 72, ../sass/lightbox.sass */ 
.lb-prev { 
    left: 0; 
    float: left; 
    background: url(../images/prev.png) left 48% no-repeat; 
} 

/* line 76, ../sass/lightbox.sass */ 
.lb-next { 
    right: 0; 
    float: right; 
    background: url(../images/next.png) right 48% no-repeat; 
} 

/* line 81, ../sass/lightbox.sass */ 
.lb-prev:hover { 
    opacity:1.0; 
    filter:alpha(opacity=100); /* For IE8 and earlier */ 
} 

/* line 85, ../sass/lightbox.sass */ 
.lb-next:hover { 
    opacity:1.0; 
    filter:alpha(opacity=100); /* For IE8 and earlier */ 
} 

Hope this helps quelqu'un là-bas. À votre santé.