Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Apr 25th, 2012  |  syntax: None  |  size: 1.11 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Thumnails and Image Numbers
  2. list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');"></a></li>';
  3.        
  4. list += '<li><a style="width:' + thumbWidth + 'px;height:' + thumbHeight + 'px;" href="javascript:jQuery.fancybox.jumpto(' + n + ');">' + (n+1) + '</a></li>';
  5.        
  6. //Load each thumbnail
  7. $.each(F.group, function (i) { ...
  8.        
  9. <script type="text/javascript" src="fancybox2.0.5/helpers/jquery.fancybox-thumbs-NO-image.js"></script>
  10.        
  11. <style type="text/css">
  12.  #fancybox-thumbs ul li a {
  13.   border: 0 none !important;
  14.   color: #fff !important;
  15.   line-height: 16px;
  16.   text-align: center;
  17.   text-decoration: none;
  18.  }
  19. </style>
  20.        
  21. <script type="text/javascript">
  22. $(document).ready(function() {
  23.  $('.fancybox').fancybox({
  24.   prevEffect : 'fade',
  25.   nextEffect : 'fade',
  26.   afterLoad : function() {
  27.    this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
  28.   },
  29.   helpers: {
  30.    title: {
  31.     type: 'inside'
  32.    },
  33.    thumbs: {
  34.     width   : 16,
  35.     height  : 16
  36.    }
  37.   }
  38.  }); // fancybox
  39. }); // ready
  40. </script>
create a new version of this paste RAW Paste Data