Lightbox Script 'fix'
May 22 2008 by 
Wally Kolcz
Seems like I am constantly looking for how to keep the prev / next buttons on Lightbox 2 always on and reposition them. Simply edit the CSS:
#prevLink { left: 0; float: left; background:
url(../images/prevlabel.gif) left 0% no-repeat; }#nextLink { right: 0;
float: right; background: url(../images/nextlabel.gif) right 0%
no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 0% no-repeat; }
Obviously change the url to the buttons. Also the .. 0% no-repeat is the position. 0% is at the top and 100% is at the bottom. Trying to figure out how to extend the padding at the bottom and place it there instead so it doesn't interfer with the picture.
Posted in Lazy Code | 
2 comments