I love this photoalbum, but i do not like the way the photo is displayed when clicking for the full photo in the image.php of the themes.

So I've added the Thickbox AJAX technique to make it more smooth and share the info here:

Download the Thickbox files from: http://jquery.com/demo/thickbox/
You will need the Thickbox.js / Thickbox.css / LoadingAnimation.gif and the jQueary.js (make sure you use the compressed version).

Add the links to the image.php file:

@import "/thickbox.css";

And add class="thickbox" and rel="photoalbum" to the id="image":

" class="thickbox" rel="fotoalbum" title="">

Edit the thickbox.css to change the colors etc... if you like.

Have fun!

Greetz,
Mark

We think in the same way,
I love ZenPhoto, but I dont like the way the photos are displayed,
I have been using some other gallery which uses Thickbox for displaying images,
take a look http://www.pawelnawrocki.com/minishowcase/
It uses thickbox and it is great and it`s big advantage of that script.

I found ZenPhoto two days ago and Im really impressed.. It is so customizable... Can you give a link to your theme with thickbox? Im also going to develop new theme based on this http://www.pawelnawrocki.com/zenphoto/
but with thickboxes for displaying images.
Maybe I will also make try with slimboxes from here http://www.digitalia.be/software/slimbox

I think I am missing something but what is the difference between what you have here and existing themes like HighSlide and ChiliLight?

The only difference I see is the top post said linking to the full size images using thickbox(lightbox... whatever) where as mine atleast(ChiliLight) the lightbox is a replacement for image.php..

Really it is just an over fascination with the whole lightbox phenomena. People want to use it wherever because it is a cool effect.

I made some tests with thickbox, and it seems to be almost OK
(overlay doesnt work on FF - dont fulfil all window, on IE and Opera works fine)
http://www.pawelnawrocki.com/zenphoto/paris2007/

Why I didnt choose Lightbox2 (ChilliLight) B/C I dont like those transistions :(,
they slow down browsing gallery and they are 'cheap' effect for me,
and in other hand they are pretty heavy JS. There is some other script which
looks exactly the same like LightBox JS2 but is only 7KB and is much more convenient.
It`s slimbox http://www.digitalia.be/software/slimbox

What about HighSlide? Hmmm,
If it is possible to turn of the enlarging effect and to leave just movable
lightbox I think it is worth trying.

Thanks

Hey monster, could you send me your theme there? I'd like to play around with it and thickbox?

That would be great! Thanks in advance.

It actually uses slimbox :)
It's effervescence theme with some small modifications,
We have already discussed how to implement
lightbox/slimbox/thickbox/undiscoveredalreadybox/.... in that thread
http://www.zenphoto.org/support/topic.php?id=1242

• I have something new :D Now I know what one should put to get custom size
  image in lightbox. Instead of a href="" can be a href=""
  If you want me to help you, first install effervescence and make it working
  (dont forget to copy customfunctions.php to /zen folder and make right modifications in it)

my gallery http://www.pawelnawrocki.com/zenphoto/
how fast does it load in your country?

Honestly, when I download ef, it breaks on me, shows me one image with a ton of text in one line...

Any suggestions?

Give a link to your gallery.
Didnt you forget to copy customfunctions.php to zen folder?
And did you adopt it to your table names in DB?
(if you have prefixes for example)

http://www.septemberthree.com/photo/

Thanks.

I didn't add any prefixes in the installation. So, custom functions should run "as is."

monster - big fan of your theme mods and site. I am trying to mimic it as well. I did the mods in the other thread you mentioned but didn't get it working. I changed the albums.php line to this:

" rel="lightbox[]" title="">

and added the includes for js files which are placed in js folder under the theme. css files in the css folder too. I used a working copy of effervescence on my system. I get these errors shown here:

https://secure.permesso.net/zenphoto/albums/Miscellaneous/themetest.jpg

not sure how to troubleshoot where the problem is. I switched the theme back to a working effervescence one for now. Any ideas? no prefixes for me either. Do I need to added something to customfunctions.php or is the one found in effervescence fine?

@jleekun -- you still need to edit the customfunctions.php to fix the table names, the error you're getting is this:

Failed. Error: Table 's3photo.zpimages' doesn't exist

So it thinks the table is called zpimages. I believe that's hardcoded, and yes, they really should be using the set prefix, but you have to change it manually.

Thanks Tris. Not sure, though, what I should be changing in the customfunctions php file. Any further assistance would be awesome.

Nevermind. I got it!

@permesso
[i]" rel="lightbox[]" title="">
[/i]
is wrong. Should be
]" title="">
but you can also change
to

Hey monster, can you take a look at what it's doing now...? It's launching the picture extremely low... and cutting it in half or something.
Is this the difference between:

and

I'm using the getFullImage.

http://www.septemberthree.com/photo

s3=jleekun

Difference between
and
I think is very clear.

The first gives a link to original uploaded photo,
the second prints link to custom sized image.
(550px for example)

If you put large (I mean 1024x768, 1600x1200 or bigger)
you should use the second functions,
which resize photo to size which is more useful
for visitors who have only 1024x768 screen resolution
(it's still majority)

I now get the same thing as s3/jleekun now. In firefox, the thumbs look fine. When I click on them, I get what s3 describes above. The picture is displayed below the thumbs (no overlay) and only half of the image it there. In IE7, it begins to show the thumbs page then says cannot open site - operation aborted in a textbox popup and then doesn't even display the page. To clarify, I replaced the text:

" title="">

with

" rel="lightbox[]" title="">

thanks again for your help monster.