PDA

View Full Version : Lightbox image viewer 2.03a (not fading)



dickbrom
09-26-2009, 03:08 PM
I downloaded Lightbox image viewer 2.03a and set up a small test web at
http://www.dickbrom.com/lightbox

The page has two links, one is text and the other is an image.

When I click on either link the correct image is displayed, but it's on a new page and there's no fade or shadowing of the original page.

Here's a link to a text copy of the source code.
http://www.dickbrom.com/lightbox/index.txt

Can anyone comment on what I did wrong?

Thanks

simcomedia
09-26-2009, 04:53 PM
It appears none of the javascript files are loading. Make sure they are uploaded to the js/ folder. Let's start with that.

coothead
09-26-2009, 05:01 PM
Hi there dickbrom,

and a warm welcome to these forums. ;

Try it like this...


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>INDEX.HTML</title>

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox.js"></script>

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen">
<style type="text/css">
#img1 {
width:72px;
height:55px;
padding:5px;
border:3px double #999;
margin-left:20px;
}
</style>

</head>
<body>

<p>
<a href="images/image-1.jpg" rel="lightbox" title="Green Plant Screentip">A Green Plant</a>
</p>
<p>
click the picture
<a href="images/image-1.jpg" rel="lightbox" title="Green Plant Screentip">
<img id="img1" src="images/image-1.jpg" alt="">
</a>
</p>

</body>
</html>

coothead

bluewalrus
09-27-2009, 06:02 AM
As simcomedia has said the problem is your javascripts are not where you have specified them to be.

if you uploaded them to the directory you have stated in your source then the upload has failed.

if the location is different change it accordingly in your source.

if the styling is not correct after that check that the images are uploaded, in the proper directory, and the css file is there as well.