Sign up to create your own snipts, or login.

Public snipts » greenskunk's snipts » jQuery Slideshow

posted on Dec 19, 2008 at 3:50 p.m. EST in 
  • $('#slideshow_splash').wrapInner('<div class="slideshow"></div>');
      $('#slideshow_splash').append('<div class="info"><div class="output"></div></div>');
      $('#slideshow_splash').append('<div id="slideshow_splash_nav"></div>');
      $('#slideshow_splash_nav').append('<span><a href="" id="slideshow_splash_prev" title="Previous Slide">Prev</a></span>');
      $('#slideshow_splash_nav').append('<span><a href="" id="slideshow_splash_next" title="Next Slide">Next</a></span>');
      $('#slideshow_splash_nav').append('<span><a href="" id="slideshow_splash_pause" title="Pause Slideshow">Pause</a></span>');
      $('#slideshow_splash_nav').append('<span><a href="" id="slideshow_splash_play" title="Play Slideshow">Play</a></span>');
      $('#slideshow_splash_pause').click(function() { $('#slideshow_splash .slideshow').cycle('pause'); return false; });
      $('#slideshow_splash_play').click(function() { $('#slideshow_splash .slideshow').cycle('resume'); return false; });
      $('#slideshow_splash').hover(
        function() { $('#slideshow_splash_nav').fadeIn(); },
        function() { $('#slideshow_splash_nav').fadeOut(); }
      );
      if ( $("#slideshow_splash").length > 0 ) {
        $('#slideshow_splash .slideshow').cycle({
          fx: 'scrollUp',
          timeout: 6000,
          delay: -2000,
          next:   '#slideshow_splash_next',
          prev:   '#slideshow_splash_prev',
          before: slideshowOnBefore,
          after: slideshowOnAfter
        });
      }
    

    copy | embed

0 Comments

Sign up, or login to leave a comment.