By johnson8707 on

So I have my website up and running. I have a photo gallery page that will only contain images. I want to display the images using Lightbox.

I have already found the lightbox module, downloaded it, installed it, set up the permissions.

But how do I actually use Lightbox on my page? Do I need to tell the module to run on a certain page?? Where do I upload my pictures??

Any help would be greatly appreciated.
THANKS!!

⋅ Categories: Drupal 6.x

Comments

mattyoung’s picture

mattyoung commented

You don't say how you make your gallery. But if you use image and its image_gallery contrib module, you can use thickbox which is just like lightbox.

I think thickbox is better because it uses jquery which is built-in to drupal. Lightbox use script.aculo.us which is not part of drupal, so that's more stuff to load.

You can see a sample of image_gallery together with thickbox at my site: http://www.gsprint.com/invitation_cards, just click on one of the invitation card to bring up the thickbox.

johnson8707’s picture

johnson8707 commented

Well that is the effect I am going for so I am fine using thickbox instead of lightbox. But I have never used it before so I don't know what to do.

Do I need to make my own thumbnails? Do I need to put them in a certain folder for the thickbox module to present them that way?

Thanks.

mattyoung’s picture

mattyoung commented

I use image(http://drupal.org/project/image) and thickbox(http://drupal.org/project/thickbox) together.

>Do I need to make my own thumbnails?

No, image module does that. You just upload your pictures.

I enable everything under the image module.

Then enable thickbox and go to http://www.yoursite.com/admin/settings/thickbox and check "Enable for image nodes" and make sure you choose "Original" under "Image derivative:". Don't choose "Preview" to avoid problem: the problem is image doesn't create the preview derivative if the original is smaller than the preview size. In such case, thickbox will fail because there is no such file for it to display.

Look in http://www.yoursite.com/admin/content, this is where you create galleries and also mass import pictures instead uploading one by one.

phersotty’s picture

phersotty commented

After you install the Light Box Module you just have to include rel="lightframe" in the post.

Example:

<a href="http://www.gsprint.com/sites/default/files/images/AS-70-607.jpg" rel="lightframe"><img src="http://www.gsprint.com/sites/default/files/images/AS-70-607.jpg"></a>