Comments on: Lightbox 2.0 Web Photo Gallery

By: Ian

Ian — Mon, 25 Jan 2010 13:33:34 +0000

Here is what I did to get this to work with Lighbox 2.04.

At line 216 you will find the if statement
if ((imageLink.rel == ‘lightbox’)){

insert the following three lines:
imageLink.href = imageLink.href.replace(“/pages/”,”/images/”);
imageLink.href = imageLink.href.replace(“.html”,”.jpg”);
imageLink.href = imageLink.href.replace(“.htm”,”.jpg”);

just before this line:
this.imageArray.push([imageLink.href, imageLink.title]);

A few lines below that insert the following three lines:
anchor.href = anchor.href.replace(“/pages/”,”/images/”);
anchor.href = anchor.href.replace(“.html”,”.jpg”);
anchor.href = anchor.href.replace(“.htm”,”.jpg”);

before this line:
this.imageArray =

The whole if else statement at line 216 should now look like this:
if ((imageLink.rel == ‘lightbox’)){
// if image is NOT part of a set, add single image to imageArray
imageLink.href = imageLink.href.replace(“/pages/”,”/images/”);
imageLink.href = imageLink.href.replace(“.html”,”.jpg”);
imageLink.href = imageLink.href.replace(“.htm”,”.jpg”);
this.imageArray.push([imageLink.href, imageLink.title]);
} else {
// if image is part of a set..
anchor.href = anchor.href.replace(“/pages/”,”/images/”);
anchor.href = anchor.href.replace(“.html”,”.jpg”);
anchor.href = anchor.href.replace(“.htm”,”.jpg”);
this.imageArray =
$$(imageLink.tagName + ‘[href][rel="' + imageLink.rel + '"]‘).
collect(function(anchor){ return [anchor.href, anchor.title]; }).
uniq();

while (this.imageArray[imageNum][0] != imageLink.href) { imageNum++; }
}

By: Zane Cole

Zane Cole — Sat, 11 Jul 2009 17:18:55 +0000

Has anyone adapted the lightbox.js of lightbox 2.04 to work with web photo gallery? Verstion 2.04 has a few upgrades and the code is changed such that it doesn’t appear to be a simple modification to get it to work with web photo gallery.
Any help is appreciated.

By: Matt

Matt — Tue, 24 Feb 2009 06:19:52 +0000

WOW – I just realized you have the whole preset folder for download! You rock! I have one BIG question though… I’m using .htaccess on the image folder, so I need to move all lightbox content to another folder called “lightbox” so everything behaves before loading the main image. I thought I fixed all pathnames in the lightbox files, but I suspect something else broke. Can you tell me where I need to look to update the new directory names and in what files? Thanks in advance!

By: Matt

Matt — Tue, 24 Feb 2009 05:36:33 +0000

Has anyone tried this with the new Lightbox 2.04? The .js file is different so I don’t know how to make these mods and I REALLY want to figure this out! This is the perfect solution for my needs.

By: portfolio.oarso.net » Blog Archive » jQuery | ThickBox 3.1 | Lightbox 2.0

Wed, 23 Jul 2008 22:02:29 +0000

[...] Lightbox Links [...]

By: Luca

Luca — Tue, 10 Jun 2008 16:18:18 +0000

And what about milkbox? Take a look!

http://reghellin.com/milkbox