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)): ?>
<div class="image">
<div class="imagethumb"><a>" title="<?php echo getBareImageTitle();?>"><?php printImageThumb(getAnnotatedImageTitle()); ?></a>
</div>
<?php endwhile; ?>
</div>`
Replace that code with:
`
<?php while (next_image(false, $firstPageImages)): ?>
<div class="image">
<?php
$prettyPhoto = str_replace(".html", "", htmlspecialchars(getImageLinkURL())) . "\" rel=\"prettyPhoto[pp_gal]";
?>
<div class="imagethumb"><a>" title="<?php echo getBareImageTitle();?>"><?php printImageThumb(getAnnotatedImageTitle()); ?></a>
</div>
<?php endwhile; ?>
</div>`
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 (`</head>`)
The code:
`<link rel="stylesheet" href="<?php echo $_zp_themeroot ?>/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="<?php echo $_zp_themeroot ?>/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script 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();
}
);
</script>`
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.