PDA

View Full Version : Lightbox permanent next and/or back links



lmellor
07-10-2007, 11:26 AM
Hi, I am using Lightbox image viewer 2.03 on a webpage

http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

Everything is working fine, however I would like to not hide the back and next links when they are not hovered on to make it more apparent to viewers of the webpage that there are more images available in the array as I am using it as a gallery linked from one image rather than showing a whole set of thumbnails.

Any help you can give would be greatly appreciated.

Thanks in advance.

Luke.

lmellor
07-21-2007, 10:36 AM
Can anybody help at all? This is the only part left for me to do now.

jscheuer1
07-21-2007, 03:43 PM
This was already covered at least once before. In lightbox.css get rid of the red part and add the green:


#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#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;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }