PDA

View Full Version : 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/projects/lightbox2/#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
<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?


<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:

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

to this


<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>
. . .