Actually, what you have on the page is fine. The previous and next work as well as the 'Image 1 of 2' bit. It's the lightbox.css file that's a problem. It's preventing you from seeing the previous/next images* (but if you were to click on the correct spot in the enlarged images it will load the previous or next enlarged image):
Code:
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(file:///C|/Documents%20and%20Settings/Mark/My%20Documents/Website%20accounts/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(file:///C|/Documents%20and%20Settings/Mark/My%20Documents/Website%20accounts/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(file:///C|/Documents%20and%20Settings/Mark/My%20Documents/Website%20accounts/images/nextlabel.gif) right 15% no-repeat; }
These should be:
Code:
#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;}
#nextLink { right: 0; float: right;}
#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; }
* If those images are in those locations on the local computer, they might show up anyway.
Bookmarks