script for a slider

web_design

New Member
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
 
Top