View Full Version : Light box help

11-29-2008, 03:43 PM
1) Script Title: Light box help

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:
Gallary UrL ( http://hart-of-a-hero.110mb.com/possimg%20gallary.htm )
Hi guys, I was wondering if some one could help me. I have just resantly put up my website, now, when I first did the Photo gallary I got it spot on first time. when you clicked on the pic it would set your pic in the middle of the page and then expand to a the origanal dimentions. now I have accedently wiped the code but I had saved the online version on off line so I recopied the code back and made did the normal change the paths so the files can find the file.

thing is I can get the photos to appear but not the affect again, is there anything I missed out? its bugging the life out of me.

the website I got the gall from is, ( http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm )

my paths - " /photogall/css, /photogall/js, /photogall/images, photogall/photos(where I keep my gallary pics.)"
bellow is the script bellow and next time I will save the sorce file so I am not that dumb again.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<title>Untitled Document</title>
<link media="screen" href="PhotoGall/css/lightbox.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="PhotoGall/js/prototype.js"></script><script type="text/javascript" src="PhotoGall/js/scriptaculous.js?load=effects"></script><script type="text/javascript" src="PhotoGall/js/lightbox.js"></script>
<link media="screen" href="PhotoGall/css/lightbox.css" type="text/css" rel="stylesheet" /><style type="text/css">

body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />
<body bgcolor="#000000">
<table bordercolor="#c9b38a" height="99%" cellspacing="0" cellpadding="0" width="99%" align="center" border="1" hborder="1">
<td valign="top" align="left">
<p align="center"><img alt="" src="small impegl.jpg" /><img alt="" src="weclomesmall.jpg" /><img alt="" src="small impegl.jpg" /></p>
<table bordercolor="#937f55" align="center" border="2">
<td><a title="Alarielle" rel="lightbox[test]" href="/PhotoGall/photos/Alarielle.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Alarielle.jpg" /></a></td>
<td><a title="Belannaer" rel="lightbox[test]" href="/PhotoGall/photos/Belannaer.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Belannaer.jpg" /></a></td>
<td><a title="Callidus Assasin" rel="lightbox[test]" href="/PhotoGall/photos/callidus assasin.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/callidus assasin.jpg" /></a></td>
<td><a title="Chaos Warrior" rel="lightbox[test]" href="/PhotoGall/photos/Chaos Warrior.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Chaos Warrior.jpg" /></a></td>
<td><a title="D&amp;D half Elf" rel="lightbox[test]" href="/PhotoGall/photos/D&amp;D Half Elf.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/D&amp;D Half Elf.jpg" /></a></td>
<td><a title="Dwarf long Beard" rel="lightbox[test]" href="/PhotoGall/photos/Dwarf Long Beard.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Dwarf Long Beard.jpg" /></a></td>
<td><a title="Forist Gobblin Archer" rel="lightbox[test]" href="/PhotoGall/photos/Forist Gobbin Archer.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Forist Gobbin Archer.jpg" /></a></td>
<td><a title="Infested Terrin" rel="lightbox[test]" href="/PhotoGall/photos/Infested Terrin.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Infested Terrin.jpg" /></a></td>
<td><a title="Kharne the Betrayer" rel="lightbox[test]" href="/PhotoGall/photos/Kharne the Betrayer.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Kharne the Betrayer.jpg" /></a></td>
<td><a title="BloodLetter" rel="lightbox[test]" href="/PhotoGall/photos/Khorne Blood Letter Deamon .jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Khorne Blood Letter Deamon .jpg" /></a></td>
<td><a title="Logen Grimmer Space Wolf" rel="lightbox[test]" href="/PhotoGall/photos/Logan Grimmner Space Wolf.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Logan Grimmner Space Wolf.jpg" /></a></td>
<td><a title="Night Gobblin" rel="lightbox[test]" href="/PhotoGall/photos/Night Gobbiln.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Night Gobbiln.jpg" /></a></td>
<td><a title="Wraith" rel="lightbox[test]" href="/PhotoGall/photos/Wraith.jpg"><img height="200" alt="" width="150" src="/PhotoGall/photos/Wraith.jpg" /></a></td>
<td><a title="" rel="lightbox[test]" href=""><img height="200" alt="" width="150" src="s" /></a></td>
<td><a title="Chaosimg" rel="lightbox[test]" href="s"><img height="200" alt="" width="150" src="s" /></a></td>
<td><a title="" rel="lightbox[test]" href="s"><img height="200" alt="" width="150" src="s" /></a></td>

11-29-2008, 04:17 PM
None of these resource files:

<link media="screen" href="photogall/css/lightbox.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/phtogall/js/prototype.js"></script>
<script type="text/javascript" src="/photogall/js/scriptaculous.js?load=effects">
</script><script type="text/javascript" src="/photogall/js/lightbox.js"></script>
<link media="screen" href="photogall/css/lightbox.css" type="text/css" rel="stylesheet" /><style type="text/css">

are in the locations specified. I looked around a bit and couldn't find them on the server. They may or may not be there at all.

I'd suggest starting over, as there are other resources that will not be mentioned on your page but that must be present. If the original installation is followed, they should end up in the right places.

At least what you did the first time worked. So if you follow that method again, you should have success.