$(document).ready(function() {

 /* This is basic - uses default settings */
 $("a#single_image").fancybox();
 
 /* Using custom settings */
 $("a#inline").fancybox({
 'hideOnContentClick': true
 }); 
 
 $("a#group").fancybox({
 'zoomOpacity' : true,
 'overlayShow' : true,
 'zoomSpeedIn' : 500,
 'zoomSpeedOut' : 500
 });
 
 $("a.group").fancybox({
 'zoomSpeedIn': 300,
 'zoomSpeedOut': 300
 });

});