The Lightbox graphics are relative to the
CSS file. In your case, this is at the
root of your site.
However, you're linking to graphics like so;
- Code: Select all
#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; }
Your linking to a directory higher than your root (using
../), when it should just be
- Code: Select all
#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 this still doesn't work, then specify absolute URL's (eg.
http://freebassaudio.net/images/prevlabel.gif).