PDA

View Full Version : Lightbox 2 help



fulham7
05-30-2009, 11:23 AM
Ive never had this issue before but i have installed lightbox 2, attached links to the buttons etc. Now when you click the buttons the image appears at the very bottom of the screen- you have to scroll down to see it -

Heres my code for the body section - im using fireworks html pics as my buttons over state -


<td colspan="3"><a href="images/1.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r2_c1','','Image Gallery PNG_r2_c1_f2.jpg',1)"><img name="ImageGalleryPNG_r2_c1" src="Image%20Gallery%20PNG_r2_c1.jpg" width="157" height="72" border="0" id="ImageGalleryPNG_r2_c1" alt="" /></a></td>
<td rowspan="6" colspan="2"><img name="ImageGalleryPNG_r2_c4" src="Image%20Gallery%20PNG_r2_c4.jpg" width="26" height="117" border="0" id="ImageGalleryPNG_r2_c4" alt="" /></td>
<td rowspan="4" colspan="3"><a href="images/2.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r2_c6','','Image Gallery PNG_r2_c6_f2.jpg',1)"><img name="ImageGalleryPNG_r2_c6" src="Image%20Gallery%20PNG_r2_c6.jpg" width="128" height="103" border="0" id="ImageGalleryPNG_r2_c6" alt="" /></a></td>
<td rowspan="6" colspan="3"><img name="ImageGalleryPNG_r2_c9" src="Image%20Gallery%20PNG_r2_c9.jpg" width="43" height="117" border="0" id="ImageGalleryPNG_r2_c9" alt="" /></td>
<td rowspan="5" colspan="3"><a href="images/3.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r2_c12','','Image Gallery PNG_r2_c12_f2.jpg',1)"><img name="ImageGalleryPNG_r2_c12" src="Image%20Gallery%20PNG_r2_c12.jpg" width="128" height="104" border="0" id="ImageGalleryPNG_r2_c12" alt="" /></a></td>
<td rowspan="6" colspan="2"><img name="ImageGalleryPNG_r2_c15" src="Image%20Gallery%20PNG_r2_c15.jpg" width="43" height="117" border="0" id="ImageGalleryPNG_r2_c15" alt="" /></td>
<td rowspan="3" colspan="3"><a href="images/4.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r2_c17','','Image Gallery PNG_r2_c17_f2.jpg',1)"><img name="ImageGalleryPNG_r2_c17" src="Image%20Gallery%20PNG_r2_c17.jpg" width="128" height="95" border="0" id="ImageGalleryPNG_r2_c17" alt="" /></a></td>
<td rowspan="15"><img name="ImageGalleryPNG_r2_c20" src="Image%20Gallery%20PNG_r2_c20.jpg" width="43" height="573" border="0" id="ImageGalleryPNG_r2_c20" alt="" /></td>
<td rowspan="2" colspan="3"><a href="images/5.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r2_c21','','Image Gallery PNG_r2_c21_f2.jpg',1)"><img name="ImageGalleryPNG_r2_c21" src="Image%20Gallery%20PNG_r2_c21.jpg" width="124" height="93" border="0" id="ImageGalleryPNG_r2_c21" alt="" /></a></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="72" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="5" colspan="3"><img name="ImageGalleryPNG_r3_c1" src="Image%20Gallery%20PNG_r3_c1.jpg" width="157" height="45" border="0" id="ImageGalleryPNG_r3_c1" alt="" /></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="21" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="4" colspan="3"><img name="ImageGalleryPNG_r4_c21" src="Image%20Gallery%20PNG_r4_c21.jpg" width="124" height="24" border="0" id="ImageGalleryPNG_r4_c21" alt="" /></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="2" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="3" colspan="3"><img name="ImageGalleryPNG_r5_c17" src="Image%20Gallery%20PNG_r5_c17.jpg" width="128" height="22" border="0" id="ImageGalleryPNG_r5_c17" alt="" /></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="8" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img name="ImageGalleryPNG_r6_c6" src="Image%20Gallery%20PNG_r6_c6.jpg" width="128" height="14" border="0" id="ImageGalleryPNG_r6_c6" alt="" /></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img name="ImageGalleryPNG_r7_c12" src="Image%20Gallery%20PNG_r7_c12.jpg" width="128" height="13" border="0" id="ImageGalleryPNG_r7_c12" alt="" /></td>
<td><img src="../Stone Cricket Club/spacer.gif" width="1" height="13" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2" colspan="2"><a href="images/6.jpg" rel="lightbox" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ImageGalleryPNG_r8_c1','','Image Gallery PNG_r8_c1_f2.jpg',1)"><img name="ImageGalleryPNG_r8_c1" src="Image%20Gallery%20PNG_r8_c1.jpg" width="124" height="100" border="0" id="ImageGalleryPNG_r8_c1" alt="" /></a></td>
<td rowspan="9" colspan="2"><img name="ImageGalleryPNG_r8_c3" src="Image%20Gallery%20PNG_r8_c3.jpg" width="48" height="456" border="0" id="ImageGalleryPNG_r8_c3" alt="" /></td>


etc etc

jkcrbc
05-31-2009, 12:48 PM
I am also having the same trouble, however the only difference I have is that the script worked on my server, but not the clients. They are 2 different OS. Mine is Windows & the client's is Unix. I'm kind of stumped right now...

link to mine:

http://tinyurl.com/nrysu7

link to clients:

http://tinyurl.com/kkvajg

fulham7
05-31-2009, 10:26 PM
Still havent found the remedy!

If you work out whats wrong please tell me :)

Regards

fulham7
06-01-2009, 04:23 PM
FOUND IT! with help :)

Just need to add the Css instead of externally linking it. Add it to your page


Regards