<!--Fancybox-->

<link href='http://yourwebhost.com/fb/fancybox/jquery.fancybox-1.3.4.css' media='screen' rel='stylesheet' type='text/css'/>

<script src='http://yourwebhost.com/fb/fancybox/jquery-1.4.3.min.js' type='text/javascript'></script>

<script src='http://yourwebhost.com/fb/fancybox/jquery.fancybox-1.3.4.pack.js' type='text/javascript'></script>

<script src='http://yourwebhost.com/fb/fancybox/jquery.easing-1.3.pack.js' type='text/javascript'></script>

<script src='http://yourwebhost.com/fb/fancybox/jquery.mousewheel-3.0.4.pack.js' type='text/javascript'></script>

<script type='text/javascript'>

        $(document).ready(function() {

 /* Single Images*/

 

 $("a.default").fancybox({

                     'titlePosition': 'over'

 });

 /* Apply fancybox to multiple items */

 

 $("a.group").fancybox({

          'titlePosition' : 'over',

  'transitionIn' : 'elastic',

  'transitionOut' : 'elastic',

  'speedIn'  : 600,

  'speedOut'  : 200,

  'overlayShow' : false

 });

 

});

</script>

<!--End Fancybox-->