Thickbox

rl@rocksolidnet.com

Is there a guide on how to implement thickbox or slimbox? Or how to enable transition effects for gallery images? I searched and found bits and pieces, but not a concrete how -to. I am using the latest version of Zen and am a noob. Thanks.

rl@rocksolidnet.com

Also everything I have found in the forums is quite old. Perhaps someone could point me to something current? Thanks.

acrylian

We have Colorbox included as a standard plugin. Which is actually the same as thickbox (which is not developed anymore) or slimbox. Look at standard themes like the Zenpage theme's image.php and visit the Colorbox website (easy to find via a web search).

rl@rocksolidnet.com

Thanks. I will give it a shot.

rl@rocksolidnet.com

I see examples like below, but have no idea where I would put them on image.php of the homepage.:

Format: $('selector').colorbox({key:value, key:value, key:value}, callback);
Example: $('a#login').colorbox({transition:'fade', speed:500});
Example: $('a.gallery').colorbox();
Example: $('button').colorbox({href:"thankyou.html"});

And it can be called directly, without assignment to an element
Example: $.colorbox({href:"thankyou.html"});

ColorBox can accept a function in place of a static value:
$("a[rel='example']").colorbox({title: function(){
var url = $(this).attr('href');
return 'Open In New Window';
}});

rl@rocksolidnet.com

I know it needs to be attached to an element, but am not sure what those are. I know it needs to be attached to an element. So in the case of image.php the main element is the image I suppose. From the default theme. I tried placing the colorbox values in a couple of places, but no luck.

<!-- The Image -->
<div id="image" >

<?php
$fullimage = getFullImageURL();
if (!empty($fullimage)) {
?>
" title="<?php echo getBareImageTitle();?>">
<?php
}
if (function_exists('printUserSizeImage') && isImagePhoto()) {
printUserSizeImage(getImageTitle());
} else {
printDefaultSizedImage(getImageTitle());
}
if (!empty($fullimage)) {
?>

<?php
}
?>

<?php
if (function_exists('printUserSizeImage') && isImagePhoto()) printUserSizeSelector(); ?>
</div>

wdiggles

OP - Check this link

http://www.zenphoto.org/support/topic.php?id=9318

This will show how to open ColoBox from album.php thumbnails instead of image.php images

Hope it helps

acrylian

What element to attach to and what setting depends on what theme your are using (Zenphoto themes do not require the same HTML setup so it can be quite different) and what you want to do. Zenpage theme's image.php has an example for the full image.

rl@rocksolidnet.com

wdiggles Thanks. I used your code and made some edits. The only problem I have now is that I can not size my images larger which has nothing to do with this request.