Need help incorporating lightbox javascript

[truenovice]

Hi! I am a searching for help incorporating lightbox javascript into my website. I am using Adobe GoLive and the basic site is fine. Everything functions the way I want it to. However I would like to implement the lightbox javascript but I'm having a great deal of difficulty understanding where everything is supposed to go (ex, what files go where and what connects to what). I'm a total novice and most everything I'm finding online is written as if I should already know what I'm doing.

Is there anyway you could provide me with some direction? My website is http://21stcenturyvixen.com. I would like to use the lightbox effect to provide how to order instructions for visitors. Any help you can provide would be greatly appreciated. Thank you in advance.

 

[angelwatt]

I don't see on your site where you're wanting to use LightBox. Can you provide which page you're trying to use it on?

 

[InLikeALion]

I've used lightbox quite a bit and would like to help, but as angelwatt pointed out, I can't see what page/where it is you are wanting to use it.

 

[truenovice]

Thanks to both of you! I'd like to use it on this page:http://21stcenturyvixen.com/cbuyitnow.html

I want to connect it to the How to Order button. I have several questions.

1. Which format of Lightbox is best or easiest to use? I have come across several formats and the instructions vary.

2. Where do the parts go? Where do I put the items I am supposed to download? Where do my images go?

3. Where do I place the code in the site? All instructions say place this in the head and this in the body but it doesn't say where in the body.

Thanks again for your input. I look forward to your reply.

 

[angelwatt]

Lightbox is really for showing off full size images from thumbnail images. What you have is images plus lists of text that goes along with each image. This requires something stronger than Lightbox. Take a look at Lightview, which is based off Lightbox, but can handle other media than images including inline HTML, which is likely what you need. The only thing is that the setup is more involved and not very lightweight.

There's also Lightbox Gone Wild from Particle Tree. It's a touch simpler, you can use HTML for the popover, and they have a decent write up that may help you get it implemented.

 

[Baron58]

Lightbox is really for showing off full size images from thumbnail images. What you have is images plus lists of text that goes along with each image. This requires something stronger than Lightbox. Take a look at Lightview, which is based off Lightbox, but can handle other media than images including inline HTML, which is likely what you need. The only thing is that the setup is more involved and not very lightweight.

Thank you! I've been needing that for a work project over the last couple of weeks.

 

[InLikeALion]

I've used lightbox on quite a few projects. I really would have to recomend Shadowbox, a lightbox that can display almost all types of media/text, has a ton of customization options, and auto scaling of images to fit pages.

It can be used with most popular js libraries, so, unlike lightbox, you are not limited to prototype/scriptaculous. I use it with jQuery.

Another really cool feature I'd like to point out is that it's html calls/tags happen to be the exact syntax that Lightbox 2 uses, so you can switch back and forth between the 2 during development vary easily - you just change the included js library and css file in the head, and your basically done. I've really enjoyed that aspect.