Live and Relax

Try the new photo viewer on any photo on this blog and tell me if you like the effect

Update on September 11:
Figured out how the highslide could also be used to display html content.  With the following bit of html code, the EXIF data of an image could be displayed:

<a class=”highslide”  href=”http://ghorse.org/wordpress/wp-content/plugins/nextgen-gallery/admin/showmeta.php?id=340″ onclick=”return hs.htmlExpand(this, {objectType: ‘iframe’, wrapperClassName: ‘exif’, contentID : ‘my-content’} )” >Click here to view EXIF data.</a>

The only problem is that the popup window could only be closed by click on outside the windows so the hs.onDimmerClick is removed.

hs.onDimmerClick = function() {
return hs.next();
}

The thickbox.js could be remove from the header.php now.

<script type=”text/javascript”> var tb_pathToImage = “http://ghorse.org/wordpress/wp-content/plugins/nextgen-gallery/thickbox/loadingAnimationv3.gif”;</script>
<style type=”text/css” media=”screen”>@import “http://ghorse.org/wordpress/wp-content/plugins/nextgen-gallery/thickbox/thickbox.css”;</style>
<script type=’text/javascript’ src=’http://ghorse.org/wordpress/wp-includes/js/jquery/jquery.js?ver=1.2.6′></script>
<script type=’text/javascript’ src=’http://ghorse.org/wordpress/wp-content/plugins/nextgen-gallery/thickbox/thickbox-pack.js?ver=3.1.1′></script>

Update on September 10:
Added this bit of code on the header.php file.  The hs.onDimmerClick is the event when mouse click at outside the image display popup window.  The default response is close the high slide popup window.  The code modified this reponse to display the next image in the slideshow.  This should give user a nice way to navigate thru a slide show without the overlay control bar interfering with image viewing.
hs.onDimmerClick = function() {
return hs.next();
}

(more…)