prettyPhoto
Similar to lightbox, it also supports supertitles and links.
Files Needed
jquery.prettyPhoto.js, prettyPhoto.css
Inline Code
In the head:
<!--[if IE 6]>
<script src="scripts/DD_belatedPNG_0.0.7a-min.js"></script>
<script>
DD_belatedPNG.fix
('.pp_left,.pp_right,a.pp_close,a.pp_arrow_next,a.pp_arrow_previous,.pp_content,.pp_middle');
</script>
<![endif]-->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal', /* fast/slow/normal */
padding: 40, /* padding for each side of the picture */
opacity: 0.35, /* Value betwee 0 and 1 */
showTitle: true, /* true/false */
allowresize: true, /* true/false */
counter_separator_label: ' of ', /* The separator for the gallery counter 1 "of" 2 */
theme: 'light_square' /* light_rounded / dark_rounded / light_square / dark_square */
});
});
</script>
In the body:
<a rel="prettyPhoto[gallery1]" href="images/deano1.jpg" title="The smoke-monster's <br />human form." ><img src="images/deano1-thumb.jpg" alt="Lost" /></a>
Special Considerations
Implementation
Source
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
