Pawf
20-02-2008, 10:02 PM
On this page (http://www.ian559.pwp.blueyonder.co.uk/valhallan/media.html) there are some pictures that have got that lightbox thing where they enlarge in the same window. Works in Safari and Firefox but doesn't seem to work in IE :S Is it something simple like something not enabled in the settings or is there a mistake with it that I have missed?
I added the code below too:
<center><h3>VALHALLAN PICTURES</h3></center><br>
<p>Click on an image to enlarge it. You can also move through the images sequentially by clicking on either the right or left hand of the picture.</p>
<p align="center"><a href="photo1.jpg" rel="lightbox[gigs]" title="First gig
at the Boardwalk, Sheffield"><img src="photo1.jpg" height="20%
width="20%" border=0></a> <a href="photo2.jpg"
rel="lightbox[gigs]" title="Outdoor gig at the Shoulder of Mutton"><img
src="photo2.jpg" height="20% width="20%" border=0></a> <a
href="photo3.jpg" rel="lightbox[gigs]" title="Jorge at the Grapes"><img
src="photo3.jpg" height="20% width="20%" border=0></a> <a
href="photo4.jpg" rel="lightbox[gigs]" title="Jeremy at the Grapes"><img
src="photo4.jpg" height="20% width="20%" border=0></a> <a
href="photo5.jpg" rel="lightbox[gigs]" title="Jorge at the Grapes"><img
src="photo5.jpg" height="20% width="20%" border=0></a> <a
href="photo6.jpg" rel="lightbox[gigs]" title="Oliver at the Grapes"><img
src="photo6.jpg" height="20% width="20%" border=0></a> <a
href="photo7.jpg" rel="lightbox[gigs]" title="Oliver at the Grapes"><img
src="photo7.jpg" height="20% width="20%" border=0></a> <a
href="photo8.jpg" rel="lightbox[gigs]" title="David at the Grapes"><img
src="photo8.jpg" height="20% width="20%" border=0></a> <a
href="photo9.jpg" rel="lightbox[gigs]" title="David at the Grapes"><img
src="photo9.jpg" height="20% width="20%" border=0></a> <a
href="photo10.jpg" rel="lightbox[gigs]" title="David and Jorge at the
Boardwalk"><img src="photo10.jpg" height="20% width="20%"
border=0></a> <a href="photo11.jpg" rel="lightbox[gigs]"
title="Jeremy and Jorge at the Boardwalk"><img src="photo11.jpg"
height="20% width="20%" border=0></a> <a href="photo12.jpg"
rel="lightbox[gigs]" title="Boardwalk"><img src="photo12.jpg"
height="20% width="20%" border=0></a></p>
I added the code below too:
<center><h3>VALHALLAN PICTURES</h3></center><br>
<p>Click on an image to enlarge it. You can also move through the images sequentially by clicking on either the right or left hand of the picture.</p>
<p align="center"><a href="photo1.jpg" rel="lightbox[gigs]" title="First gig
at the Boardwalk, Sheffield"><img src="photo1.jpg" height="20%
width="20%" border=0></a> <a href="photo2.jpg"
rel="lightbox[gigs]" title="Outdoor gig at the Shoulder of Mutton"><img
src="photo2.jpg" height="20% width="20%" border=0></a> <a
href="photo3.jpg" rel="lightbox[gigs]" title="Jorge at the Grapes"><img
src="photo3.jpg" height="20% width="20%" border=0></a> <a
href="photo4.jpg" rel="lightbox[gigs]" title="Jeremy at the Grapes"><img
src="photo4.jpg" height="20% width="20%" border=0></a> <a
href="photo5.jpg" rel="lightbox[gigs]" title="Jorge at the Grapes"><img
src="photo5.jpg" height="20% width="20%" border=0></a> <a
href="photo6.jpg" rel="lightbox[gigs]" title="Oliver at the Grapes"><img
src="photo6.jpg" height="20% width="20%" border=0></a> <a
href="photo7.jpg" rel="lightbox[gigs]" title="Oliver at the Grapes"><img
src="photo7.jpg" height="20% width="20%" border=0></a> <a
href="photo8.jpg" rel="lightbox[gigs]" title="David at the Grapes"><img
src="photo8.jpg" height="20% width="20%" border=0></a> <a
href="photo9.jpg" rel="lightbox[gigs]" title="David at the Grapes"><img
src="photo9.jpg" height="20% width="20%" border=0></a> <a
href="photo10.jpg" rel="lightbox[gigs]" title="David and Jorge at the
Boardwalk"><img src="photo10.jpg" height="20% width="20%"
border=0></a> <a href="photo11.jpg" rel="lightbox[gigs]"
title="Jeremy and Jorge at the Boardwalk"><img src="photo11.jpg"
height="20% width="20%" border=0></a> <a href="photo12.jpg"
rel="lightbox[gigs]" title="Boardwalk"><img src="photo12.jpg"
height="20% width="20%" border=0></a></p>