Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Galleriffic jQuery Call

By: a guest on Nov 8th, 2010  |  syntax: JavaScript  |  size: 2.16 KB  |  hits: 29  |  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. <script type="text/javascript">
  2.                         jQuery(document).ready(function($) {
  3.                                 // We only want these styles applied when javascript is enabled
  4.                                 $('div.navigation').css({'width' : '300px', 'float' : 'right', 'margin-right' : '-170px', 'margin-top' : '-50px'});
  5.                                 $('div.content').css('display', 'block');
  6.  
  7.                                 // Initially set opacity on thumbs and add
  8.                                 // additional styling for hover effect on thumbs
  9.                                 var onMouseOutOpacity = 0.67;
  10.                                 $('#thumbs ul.thumbs li').opacityrollover({
  11.                                         mouseOutOpacity:   onMouseOutOpacity,
  12.                                         mouseOverOpacity:  1.0,
  13.                                         fadeSpeed:         'fast',
  14.                                         exemptionSelector: '.selected'
  15.                                 });
  16.                                
  17.                                 // Initialize Advanced Galleriffic Gallery
  18.                                 var gallery = $('#thumbs').galleriffic({
  19.                                         delay:                     10000,
  20.                                         numThumbs:                 8,
  21.                                         preloadAhead:              1,
  22.                                         enableTopPager:            false,
  23.                                         enableBottomPager:         true,
  24.                                         maxPagesToShow:            1,
  25.                                         imageContainerSel:         '#slideshow',
  26.                                         controlsContainerSel:      '#controls',
  27.                                         captionContainerSel:       '#caption',
  28.                                         loadingContainerSel:       '#loading',
  29.                                         renderSSControls:          true,
  30.                                         renderNavControls:         false,
  31.                                         playLinkText:              false,
  32.                                         pauseLinkText:             false,
  33.                                         prevLinkText:              '&lsaquo; Previous Photo',
  34.                                         nextLinkText:              'Next Photo &rsaquo;',
  35.                                         nextPageLinkText:          'Next &rsaquo;',
  36.                                         prevPageLinkText:          '&lsaquo; Prev',
  37.                                         enableHistory:             false,
  38.                                         autoStart:                 true,
  39.                                         syncTransitions:           true,
  40.                                         defaultTransitionDuration: 900,
  41.                                         onSlideChange:             function(prevIndex, nextIndex) {
  42.                                                 // 'this' refers to the gallery, which is an extension of $('#thumbs')
  43.                                                 this.find('ul.thumbs').children()
  44.                                                         .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
  45.                                                         .eq(nextIndex).fadeTo('fast', 1.0);
  46.                                         },
  47.                                         onPageTransitionOut:       function(callback) {
  48.                                                 this.fadeTo('fast', 0.0, callback);
  49.                                         },
  50.                                         onPageTransitionIn:        function() {
  51.                                                 this.fadeTo('fast', 1.0);
  52.                                         }
  53.                                 });
  54.                         });
  55.                 </script>