Sudo Slider jQuery Plugin - Back to basics with Ajax demo

The most basic ajax setup

It's is normal that loading Ajax documents doesn't work on a local copy of Sudo Slider, you need to upload it to a web-server first.

Usage

This is everything you need.

First include the javascripts

<script type="Text/Javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>

The Javascript to start it.

<script type="text/javascript" >
	$(document).ready(function(){	
		$("#slider").sudoSlider({ 
			ajax: [
				'ajax.html', 
				'images/02.jpg', 
				'images/03.jpg', 
				'images/04.jpg', 
				'images/05.jpg'
			]
		});
	});	
</script>

The CSS

#slider {
	width:696px;
}
#slider img{border:none;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li { 
	width:696px;
	overflow:hidden; 
}

The HTML

<div id="slider"></div>
	

来源：91名师指路