Question

How to add Lightbox2 in magento?

Answer 1

"Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a

snap to setup and works on all modern browsers."

Go and grab a copy of Lightbox2 from http://www.lokeshdhakar.com/projects/

lightbox2/.

 

1. We have the Lightbox2 archive that we downloaded from

http://www.lokeshdhakar.com/projects/lightbox2/. Let's extract it.

2. Open /skin/frontend/YOUR_PACKAGE/YOUR_THEME/js/ and create a

new directory named lightbox (in my case, it's /skin/frontend/default/

default/js/) and put lightbox.js in this directory.

3. Open lightbox.js file in your editor and replace the last line with the

following code:

var myLightbox;

document.observe('dom:loaded', function () { myLightbox = new

Lightbox(); });

4. Find these two lines in lightbox.js and replace them with the following

highlighted code:

fileLoadingImage: 'images/loading.gif',