Newbie needs help with Lightbox (serious newbie)

**poolgirl95** · 04-03-2007, 03:34 PM

Hello All,

Need some help, PLEASE!

I have been trying to find a way to add a slideshow to my still in progress website. I have taught myself Dreamweaver and basic HTML but I am so limited b.c I had no idea what is out there... and now I have found Lightbox!!I would like to add a multiple image slide show.. I have downloaded the zip and read the instructions several times, but I think I am in a bit over my head.

Can anyone hold my hand and walk me through adding the info to my site and put the info, photos etc. where it belongs.

Thanks so much -

**Jas** · 04-03-2007, 04:00 PM

What version of Lightbox is it, where did you get it, and what exactly do you need help with? You can look at my site if it helps. Look at the source code in most of the pages (except the home page) and there is lightbox (but it is probably a different version).

www.sweets-n-treats.com

**poolgirl95** · 04-03-2007, 04:22 PM

Hey Jas - thanks for replying...

I believe it is Lightbox v2.0

Here are the directions that came with
http://www.huddletogether.com/projec...tbox2/#support

I want to do an image set... but I am at a loss (and sleep deprived with a 3 month old) and need basic put this here and that there kind of help

THANKS!
BTW - thanks for making me crave jujubees now... grrr.

**Jas** · 04-03-2007, 05:03 PM

Code:

<html>
<head>

<!-- These are the scripts for the head. Make sure the address is right //-->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>
<body>

<a href="THE IMAGE YOU WANT TO LOAD" rel="lightbox" title="YOUR TEXT/ TITLE">LINK</a>

</body>
</html>

the LINK part title="YOUR TEXT/ TITLE">LINK</a> is text. You can actually put a thumbnail between the > and the </a>. when the user clicks the picture, the LightBox pops up. Does this help, or do you need more info?

Code:

<a href="THE IMAGE YOU WANT TO LOAD" rel="lightbox" title="YOUR TEXT/ TITLE"><img border="0" src="IMAGE" width="70" height="248"></a>

**Jas** · 04-03-2007, 05:08 PM

And about the candy, tough.

**Jas** · 04-03-2007, 05:11 PM

Oh wait! An image set!!!

Change this:

Code:

<a href="THE IMAGE YOU WANT TO LOAD" rel="lightbox" title="YOUR TEXT/ TITLE">LINK</a>

to this

Code:

<a href="Image 1" rel="lightbox[1]" title="YOUR TEXT/ TITLE">LINK</a>
<a href="Image 2" rel="lightbox[1]" title="YOUR TEXT/ TITLE">LINK</a>
<a href="Image 3" rel="lightbox[1]" title="YOUR TEXT/ TITLE">LINK</a>
. . .

Thread: Newbie needs help with Lightbox (serious newbie)

Thread Tools

Search Thread

Newbie needs help with Lightbox (serious newbie)

Bookmarks

Bookmarks

Posting Permissions