script for a slider

Discussion in 'Scripts' started by gabi, Oct 11, 2011.

to remove all ads.
  1. gabi

    gabi New Member

    Messages:
    13
  2. Absolution

    Absolution New Member

    Messages:
    162
  3. gabi

    gabi New Member

    Messages:
    13
    thanks a lot!!
    it is jquery!
     
  4. web_design

    web_design New Member

    Messages:
    31
    here you go!

    pop this in your header
    HTML:
    <!-- include jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
     
    <!-- include Cycle plugin -->
    <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>
     
    
    <!--  initialize the slideshow when the DOM is ready -->
    <script type="text/javascript"> 
    $(document).ready(function() {
        $('.slideshow').cycle({
    		fx: 'scrollLeft',
    		speed: 1000,
    		timeout: 7000// choose your transition type, ex: fade, scrollUp, shuffle, etc...
    	});
    });
    </script>
    then pop this in your body where you want the animation

    HTML:
     <div class="slideshow">
    <!-- what ever you want to animate here, seperate each animation with a div tag -->
    </div>
    enjoy
     

Share This Page