Comment faire apparaitre les bouton next/prev dans Lightbox2 ?

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Bonjour à tous,
quelqu'un sait il comment faire apparaitre les boutons next et prev sur les images dans lightbox2 ?

Merci

Version de Drupal : 

Bonjour,
le readme.txt ne m'aide pas trop, j'ai bien fait les fait les modif préconisé mais aucun résultat positif.

Si sa peut aider voici mon CSS:
/
* $Id: lightbox.css,v 1.1.4.28 2010/09/22 10:47:15 snpower Exp $ */

lightbox {

position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

lightbox a img {

border: none;
}

outerImageContainer {

position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
min-width: 240px;
overflow: hidden;
}

imageContainer, #frameContainer, #modalContainer {

padding: 10px;
}

modalContainer {

line-height: 1em;
overflow: auto;
}

loading {

height: 25%;
width: 100%;
text-align: center;
line-height: 0;
position: absolute;
top: 40%;
left: 45%;
*left: 0%;
}

hoverNav {

position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

imageContainer>#hoverNav {

left: 0;
}

frameHoverNav {

z-index: 10;
margin-left: auto;
margin-right: auto;
width: 20%;
position: absolute;
bottom: 0px;
height: 45px;
}

imageData>#frameHoverNav {

left: 0;
}

hoverNav a, #frameHoverNav a {

outline: none;
}

prevLink, #nextLink {

width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

prevLink, #framePrevLink {

left: 0;
float: left;
background: url(../images/prevlabel.gif) left 15% no-repeat;
}

nextLink, #frameNextLink {

right: 0;
float: right;
background: url(../images/nextlabel.gif) right 15% no-repeat;
}

prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink {

background: url(../images/prevlabel.gif) left 15% no-repeat;
}

nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink {

background: url(../images/nextlabel.gif) right 15% no-repeat;
}

prevLink:hover.force_show_nav, #prevLink:visited:hover.force_show_nav,

framePrevLink:hover, #framePrevLink:visited:hover {

background: url(../images/prev_hover.gif) left 15% no-repeat;
}

nextLink:hover.force_show_nav, #nextLink:visited:hover.force_show_nav,

frameNextLink:hover, #frameNextLink:visited:hover {

background: url(../images/next_hover.gif) right 15% no-repeat;
}

framePrevLink, #frameNextLink {

width: 45px;
height: 45px;
display: block;
position: absolute;
bottom: 0px;
}

imageDataContainer {

font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
min-width: 240px;
}

imageData {

padding: 0 10px;
}

imageData #imageDetails {

width: 70%;
float: left;
text-align: left;
}

imageData #caption {

font-weight: bold;
}

imageData #numberDisplay {

display: block;
clear: left;
padding-bottom: 1.0em;
}

imageData #lightbox2-node-link-text {

display: block;
padding-bottom: 1.0em;
}

imageData #bottomNav {

height: 66px;
}
.lightbox2-alt-layout #imageData #bottomNav,
.lightbox2-alt-layout-data #bottomNav {
margin-bottom: 60px;
}

lightbox2-overlay {

position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

overlay_default {

opacity: 0.6;
}

overlay_macff2 {

background: transparent url(../images/overlay.png) repeat;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

  • html>body .clearfix {
    display: inline;
    width: 100%;
    }

  • html .clearfix {
    /* Hides from IE-mac */
    height: 1%;
    /* End hide from IE-mac */
    }

/* Image location mod */

bottomNavClose {

display: block;
background: url(../images/close.gif) left no-repeat;
margin-top: 33px;
float: right;
padding-top: 0.7em;
height: 26px;
width: 26px;
}

bottomNavClose:hover {

background-position: right;
}

loadingLink {

display: block;
background: url(../images/loading.gif) no-repeat;
width: 32px;
height: 32px;
}

bottomNavZoom {

display: none;
background: url(../images/expand.gif) no-repeat;
width: 34px;
height: 34px;
position: relative;
left: 30px;
float: right;
}

bottomNavZoomOut {

display: none;
background: url(../images/contract.gif) no-repeat;
width: 34px;
height: 34px;
position: relative;
left: 30px;
float: right;
}

lightshowPlay {

margin-top: 42px;
float: right;
margin-right: 5px;
margin-bottom: 1px;
height: 20px;
width: 20px;
background: url(../images/play.png) no-repeat;
}

lightshowPause {

margin-top: 42px;
float: right;
margin-right: 5px;
margin-bottom: 1px;
height: 20px;
width: 20px;
background: url(../images/pause.png) no-repeat;
}

.lightbox2-alt-layout-data #bottomNavClose,
.lightbox2-alt-layout #bottomNavClose {
margin-top: 93px;
}
.lightbox2-alt-layout-data #bottomNavZoom,
.lightbox2-alt-layout-data #bottomNavZoomOut,
.lightbox2-alt-layout #bottomNavZoom,
.lightbox2-alt-layout #bottomNavZoomOut {
margin-top: 93px;
}
.lightbox2-alt-layout-data #lightshowPlay,
.lightbox2-alt-layout-data #lightshowPause,
.lightbox2-alt-layout #lightshowPlay,
.lightbox2-alt-layout #lightshowPause {
margin-top: 102px;
}

.lightbox_hide_image {
display: none;
}

lightboxImage {

-ms-interpolation-mode: bicubic;
}