Lightbox fullsize mod for browse page

[blimmer]

Would anyone be able to help with a modification of se.nsuo.us's Lightbox addon for use in the browse page? ie. clicking on one of the thumbnails in http://photo.blimmer.org/index.php?x=browse will bring up the lightbox

I've contacted se.nsuo.us and upon his suggestion I decided to try asking here.

Cheers and thanks in advance

[keoshi]

Assuming you're talking about this or this it should be real simple.

1 - edit your index.php and on line 535 replace this:

$thumb_output .= "<a href='$showprefix$id'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

for this:

$thumb_output .= "<a href='$showprefix$id' rel='lightbox'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

2 - Add to your browse_template.html header the following (considering you're using Lightbox JS v2.0):

<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" />

3 - lastly, upload all the files and images of Lightbox zip and double-check paths

[blimmer]

thanks. i tried it out with a variant of lightbox, thickbox and it brings up the animation and reverts back to the page of the particular image.

that wasnt what i had in mind but i appreciate the help. cheers

[keoshi]

I didn't try it with pixelpost but I have some experience with this JS and it works very well...

The problem is that it's linking directly to the page, not to the image.

I forgot that minor detail :P

Replace in the original index.php file this:

$thumb_output .= "<a href='$showprefix$id'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

for this:

$thumb_output .= "<a href='images/<IMAGE_NAME>' rel='lightbox'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

Please, bear in mind that the browse page will then be useless to really browse through your pictures. One simple solution would make a second 'browse' page just to this effect.

Cheers

[Opa114]

Hey!

If done it, like you described it koeshi, but i didn't work. It doesn't load the images when i click on the thumbnails.

http://opa114.pytalhost.de/pixelpost/index.php?x=browse

[Joe[y]+]

you probably want <IMAGE_NAME> to be $image_name

[Opa114]

i had id changed, but there was nothig other. The same problem.

Where must i upload all the lightbox files? Maybe is the error there ?

[Opa114]

can nobody help me?

[tomyeah]

it works with:

$thumb_output .= "<a href='images/$name' rel='lightbox'><img src='$thumbnail' alt='$title' title='$title' class='thumbnails' /></a>";

for me. just need to solve the problem with oversized pics somehow.

look here for example

regards, tom.

[k3v]

Originally Posted by Opa114

Hey!

If done it, like you described it koeshi, but i didn't work. It doesn't load the images when i click on the thumbnails.

http://opa114.pytalhost.de/pixelpost/index.php?x=browse

I tried this and had the same problem you did. The fix is to change the rel='lightbox' to something like rel='lightbox[browse]' where browse can basically be anything you want.