Been at this for 12 hours Lightbox please help

**Wizzap** · 03-19-2008, 12:25 AM

I'm very new to this website building thing I'm trying to get Lightbox to work on my picture page. Ive went step by step from sevral sites and still cant get it to work Can someone please help me

I'll keep refreshing page so ill respond to you in a min if you post

**thetestingsite** · 03-19-2008, 12:26 AM

Do you have a link to the problem page?

**Wizzap** · 03-19-2008, 12:28 AM

http://www.pugnosefarms.wsnw.net/page18.html

Im not even sure where ive went wrong a step by step in laymens terms may be needed If you can help ill forever be in your debt

**thetestingsite** · 03-19-2008, 12:31 AM

In these lines, get rid of the highlighted part:

Code:

<link rel="stylesheet" href="http://pugnosefarms.wsnw.net/public_html/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//prototype.js"></script>
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/public_html//lightbox.js"></script>
<!--End LightboxJS2-->

<link rel="stylesheet" href="http://pugnosefarms.wsnw.net/public_html/css/lightbox.css" type="text/css" media="screen" />

Hope this helps.

**Wizzap** · 03-19-2008, 12:39 AM

Nope still nothing

**Wizzap** · 03-19-2008, 12:40 AM

I just don't know why i can't get it to work

**Wizzap** · 03-19-2008, 12:54 AM

Hi i swapped to a code from http://particletree.com/features/lightbox-gone-wild/

And it almost works can you tell me what im doing wrong
i want the image to be a thumbnail size then expand when i click it

**studiocreek** · 03-19-2008, 12:57 AM

After looking at your code, you need to fix this link so that it's pointing to an actual file:

<script type="text/javascript" src="http://pugnosefarms.wsnw.net/scriptaculous.js?load=effects"></script>
...

Also, your thumbnail is pointed at the wrong link... try this (after fixing that link):

HTML Code:

<html>
<head>
<title>
Puppies
</title>
<!--Start LightboxJS2-->
<link rel="stylesheet" href="http://pugnosefarms.wsnw.net/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/prototype.js"></script>
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://pugnosefarms.wsnw.net/lightbox.js"></script>
<!--End LightboxJS2-->

</head>

<body>
<a href="http://pugnosefarms.wsnw.net/images/cop1w.jpg" rel="lightbox" title="Curly"><img src="http://pugnosefarms.wsnw.net/images/cop1w.jpg" border="0"/></a>


</body>
</html>

**studiocreek** · 03-19-2008, 12:59 AM

Make sure your thumbnail image is actually a thumbnail - should be smaller...

you need to create a smaller version and reference that in your "img src" here:

<a href="http://pugnosefarms.wsnw.net/images/cop1w.jpg" rel="lightbox" title="Curly"><img src="http://pugnosefarms.wsnw.net/images/cop1w.jpg" border="0"/></a>

hope that helps...