A personal repository of random information in compensation for a fatigued biological computer
Breaded IT » Web Development » Internet Tools » Showing images » LightBox 2.04 - A dud
Into header:
<script type="text/javascript" src="lb/js/prototype.js"></script> <script type="text/javascript" src="lb/js/scriptaculous.js?load=effects,builder"></script> <script type="text/javascript" src="lb/js/lightbox.js"></script> <link rel="stylesheet" href="lb/css/lightbox.css" type="text/css" media="screen" /> |
Link: |
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> |
Grouped links: | <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a> <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a> <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> |
Check css/lightbox.css images dir is correct for prevlabel.gif & nextlabel.gif
#prevLink:hover, #prevLink:visited:hover { background: url(../lb/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../lb/images/nextlabel.gif) right 15% no-repeat; } |
Check js/lightbox.js images dir is correct for loading.gif & closelabel.gif
LightboxOptions = Object.extend({ fileLoadingImage: '/lb/images/loading.gif', fileBottomNavCloseImage: '/lb/images/closelabel.gif', |
Issues:
Popup is loading too far down the page.. but only in Firefox, ie is ok.. can't find a solution, so will try something else.