Advanced Search

Return to Snippet

Revision: 40980
at February 10, 2011 11:29 by r2cgroup
Initial Code 
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />

<script type="text/javascript">
 \$(document).ready(function() {

         /* Basic Fancybox example */
         \$("a#example2").fancybox({
            'overlayShow' : true,
            'overlayColor'   : '#000',
            'overlayOpacity' : 0.4,
            'transitionIn'  : 'elastic',
            'transitionOut' : 'elastic',
            'titlePosition'    : 'over'
          });

         /* Gallery Fancybox example */
         \$("a[rel=example_group]").fancybox({
            'transitionIn'   : 'elastic',
            'transitionOut'    : 'elastic',
            'titlePosition'  : 'over',
            'titleFormat'    : function(title, currentArray, currentIndex, currentOpts) {
            return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
            }
          });

 });
</script>
Initial URL 









Initial Description














Initial Title





R2C - Fancybox Setup









Initial Tags














Initial Language





HTML