There isn't much talk about prettyPhoto except for the theme that is built with prettyPhoto as it's core. prettyPhoto can be added to just about any theme with minimal editing of the album.php file.
*Based upon default theme*
To get started go into your current theme folder and open up album.php
Find:
`
<?php while (next_image(false, $firstPageImages)): ?>
<?php endwhile; ?>
`
Replace that code with:
`
<?php while (next_image(false, $firstPageImages)): ?>
<?php<br />
$prettyPhoto = str_replace(".html", "", htmlspecialchars(getImageLinkURL())) . "\" rel=\"prettyPhoto[pp_gal]";
?>
<?php endwhile; ?>
`
Setting up prettyPhoto:
Copy prettyPhoto CSS, JS, and Images folders into your current theme folder. and add the following code before the closing head tag (``)
The code:
`/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
function setupClassicGalleryLightBox()
{
$j('#images a').each(function() {
$j(this).attr('href', '/albums' + $j(this).attr('href'));
$j(this).attr('title', '');
});
$j("a[rel^='prettyPhoto']").prettyPhoto({
allowresize: true,
overlay_gallery: false,
slideshow: 5000,
autoplay_slideshow: false,
theme: 'facebook',
opacity: 0.90,
show_title: false
});
}
$j(document).ready(
function()
{
setupClassicGalleryLightBox();
}
);
`
Upload the new album.php and prettyPhoto should be up and working. This is also degradable, so if your users do not use JS it will default to normal operations.
Zenphoto
Comments
prettyPhoto is a lightbox clone that is built around JQuery, which is the system that zenphoto uses. For more information on prettyPhoto you can check them out at: http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
Hope that clarifies things.