<script type="text/javascript">
$(document).ready(function(){
 var minimumHeight = 500;
 var maximumWidth = 1000;
 $('#imgPlaceDiv').css({ 'min-height':minimumHeight, 'height':'', 'width':'' });
 $('#imgWrapperAnchor').css({ 'max-height':'', 'max-width':'' }).attr('title','');
 $('#imgGalleryImage').css({ 'max-height':'', 'max-width':maximumWidth }).unbind();
 $('#imgCaptionDiv').css({ 'text-align':'center', 'width':'' });
})
var showGalleryImage = function(sGalleryImgPath, sDescription) {
 $('#imgGalleryImage').fadeOut('slow', function(){
  $('#imgGalleryImage').attr('src', sGalleryImgPath).load(function(){
   $('#imgGalleryImage').fadeIn('slow');
   $('#imgCaptionDiv').html(sDescription);
  });
 });
}
</script>

• It removes the size limits on the image gallery, but I added some variables (these won't work with IE, I don't think):
  
  
  
  • You can set the minimum height (minimumHeight) of the image area (when the image fades completely out, the box collapses to this height).
  
  
  • There is also a maximum width (maximumWidth) for those images that are so large they bump out your content box sides.
  
  
• The image now fades out like it should, but now will not fade back in until the image is completely loaded - it used to flicker out then in, then just replace the image.


• You can no longer click on the image to open a larger size.


• Hovering over the image, no longer pauses the gallery - I can add this back in if you want.


• You have no control over the image displayed... it's random and will always be 8 seconds between images - I can let you control this with some additional coding.

<style type="text/css">
#imgCaptionDiv {
 font-size: 120%;
 font-weight: bold;
 color: #000000;
}
</style>