How to link thumbnail to resized photo in lightbox?

revo

Hi,

I currently have my thumbnails linking to the full sized version of the image in lightbox. Does anyone know how to link it to the resized image that gets generated by ZP? I've tried replacing <?=getFullImageURL();?> with <?=getCustomImageURL(640,null);?> but that doesn't allow me to go from one image to the next in the lightbox window. Clicking on next just gives me a lightbox window with the loading icon.

Any help would be appreciated.

acrylian

So, did you read the instruction for light box with several images. You have to add a css class to the html image tag.
Also note, if you use pagination on the thumbnail page, the lightbox next/prev will only work for the current page.

revo

Hi acrylian,

Thanks for the reply.

Yes, I read the lightbox instructions and have added the following image tag rel="lightbox[<?=getAlbumTitle();?>]". I do not have pagination on my thumbnail page.

Can you direct me on how I can get my thumbnail to link my thumbnails to the resized cached image that is generated by ZP?

Thanks again.

acrylian

Well, `<?=getAlbumTitle();?>` does nothing. Use it either with `echo` or `printAlbumTitle()`. Best would probably be to use `echp getBareAlbumTitle()` since we are dealing with JS here and a album title can contain specials chars JS does not like that much.
Actually using the album name with `echo $_zp_current_album->name` might be better.

Another recommendation: Don't use php short tags `<?=`, use `<?php`. This might cause issues, too.

revo

I've changed my output to: " rel="lightbox[<?php echo htmlspecialchars(getBareAlbumTitle()); ?>]" title="<?php echo htmlspecialchars(getImageDesc());?>"><?php printImageThumb(getImageTitle()); ?>

Can you point me in the right direction as to what to replace <?php echo htmlspecialchars(getFullImageURL()); ?> with, to get the resized image that ZP creates to appear?

Thanks

acrylian

It is not possible to link to the sized image from within lightbox. The sized image is processed if not already cached and not always directly an image, but this scripts needs a direct link to the actual image. So this will not always work as expected. (tried this with Thickbox).
If you want to try:
http://www.zenphoto.org/documentation/functions/_template-functions.php.html#functiongetDefaultSizedImage
http://www.zenphoto.org/documentation/functions/_template-functions.php.html#functiongetCustomImageURL

revo

Perfect! using getDefaultSizedImage did the charm!

Thanks for your help acrylian!