Thorsday

Thorsday Research Project

Webcommgard: Subduing Loki's Web Mischief


prettyPhoto

Similar to lightbox, it also supports supertitles and links.

Lost A Softer Side Umm.... The Happiest Man Ever!

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/