The Code

<style type="text/css">
#grpSlides {
 height: 170px;
 width: 152px;
 margin: 4px auto;
}
#slideBox {text-align:center;}
#slideDescription {font-size:14pt;}
</style>

<script type="text/javascript">
$(document).ready( function() {
 $("img[title*='- Click to advance to the next image.']").each(function(){
 $(this).attr("title",$(this).attr("title").replace(" - Click to advanceto the next image.","")).parent().attr("target","").facebox();
 })
 var nextImg = '&gt;';
 var prevImg = '&lt;';
 var openGallery = 'Open Gallery';

$('a[id*="_lnkFullGallery"]').html(openGallery).parent().wrap("<div id='slideBox'></div>");
 var galleryLink = '<a href="#" id="slidePrev">'+prevImg+'</a> ' + $("#slideBox > span").html();
 galleryLink += ' <a href="#" id="slideNext">'+nextImg+'</a><div id="slideDescription"></div>';
 $("#slideBox").html(galleryLink);
 $('#grpSlides').unbind().cycle({
  fx:      'fade',
  speed:   'fast',
  timeout: 6000,
  next:    '#slideNext',
  prev:    '#slidePrev',
  after:   slideDes
 });
})
function slideDes() {
 $('#slideDescription').html($(this).find('img').attr('title'));
}
</script>

Customizing

• The CSS to control the appearance of the image gallery & description was added. Modify it to your liking, otherwise there really isn't anything to change except the description font size (in red).
  
  
• You can modify or replace the text for the next image ("&gt;") or previous image ("&lt;") in the code (in blue), these can also be replaced with an image if you desire, just include the entire image tag as follows.
  
   var nextImg = '<img src="my-next-image.jpg">';
   var prevImg = '<img src="my-prev-image.jpg">';
  
  
• Change the message "Open Full Gallery" with what ever you want by editing the openGallery variable text in blue:
  
   var openGallery = 'Open Gallery';
  
  
• If you don't want to include the image description, then add a "//" in front of the line in green. This comments out that line so it is ignored.
  
  
• The image gallery script also allows you to have different effects... the standard effect is "fade", but you can change this to others, including:
  
  

  blindX blindY blindZ cover curtainX curtainY fade fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight

  scrollHorz scrollVert shuffle slideX slideY toss turnUp turnDown turnLeft turnRight uncover wipe zoom

  
  There are numerous other effects you can try out, but be careful... check out the other things you can do here at the plugin page.
  
  
• The "timeout" variable (in red) adjusts the time between images in the slide show (time is in milliseconds, 6000 = 6 seconds).
  
  timeout: 6000,
  

<script type="text/javascript">
$(document).ready(function(){
 var nextImg = '&gt;';
 var prevImg = '&lt;';
 var openGallery = 'Open Gallery';

 $("a[id*='lnkFullGallery']").html(openGallery).wrap("<div id='slideBox'></div>");
 var prevLink = '<a href="javascript:pickImage(false)">'+prevImg+'</a> ';
 var nextLink = ' <a href="javascript:pickImage(true)">'+nextImg+'</a>';
 $("#slideBox").prepend(prevLink).append(nextLink).parent().css('margin','');
})
function pickImage(nxt) {
 galleryPaused = true;
 var tmp = $("#imgCaptionDiv").html();
 var indx = 0;
 var imglen = imgList.length-1;
 for (k=0;k<imglen+1;k++){
  if (imgDescList[k]==tmp) indx = k;
 }
 if (nxt) { indx++ } else { indx-- }
 if (indx > imglen) indx = 0;
 if (indx < 0) indx = imglen;
 showGalleryImage(imgList[indx].toString(), imgDescList[indx].toString());
}
var showGalleryImage = function(sGalleryImgPath, sDescription){
 imgHolder.fadeOut('2500', function(){
  imgHolder.attr("src", sGalleryImgPath);
 imgHolder.bind("click",function(){jQuery.facebox('<center><imgsrc="'+sGalleryImgPath+'"><br><br><divclass="desc">'+sDescription+'</div>') });
  imgHolder.parent().attr("href", "javascript:void(0);");
  jQuery("#imgCaptionDiv").html(sDescription);
  imgHolder.fadeIn('1500', function() { } );
 });
}
</script>

• You can modify or replace the text for the next image ("&gt;") or previous image ("&lt;") in the code (in blue), these can also be replaced with an image if you desire, just include the entire image tag as follows.
  
  var nextImg = '<img src="my-next-image.jpg">';
  var prevImg = '<img src="my-prev-image.jpg">';
• Change the message "Open Full Gallery" with what ever you want by editing the openGallery variable text in blue:
  
  var openGallery = 'Open Gallery';


• I updated this script to replace the image popup from opening inside an editor window (which has a white background) to opening in a facebox window. If you only want that code, then read this post. Otherwise there is no change except you can use CSS to style the image description:
  
  #facebox .desc { color:#ffffff; font-weight:bold; font-size:18px; }
  #slideBox, #imgCaptionDiv { margin:0 auto; text-align:center }