jQuery按钮控制图片无缝切换代码

jQuery按钮控制图片无缝切换代码

一个无缝切换的幻灯片，适合新手站长

window.onload = function(){
	var currentIndex = 0;
	// $(document).ready(function(){
	// 	var ulLength = $('.ul-slider').children().length * 1020;
	// 	$('.ul-slider').css('width', ulLength );
	// 	setInterval(function(){
	// 		currentIndex ++;
	// 		if(currentIndex > 4) {
	// 			// currentIndex = 0
	// 			$('.ul-slider').css('left',0)
	// 			currentIndex = 1
	// 		}
	// 		$('.ul-slider').stop().animate({'left': -1020 * currentIndex},500)	
	// 	},3000)
	// });

	$('.testSlider').slider({
		originType:'tuoyuan'
	});
	$('.testSlider1').slider({
		width:300,
		height:300,
		showSlider: false,
		showOrigin: false,
		originPosition:'center'
	});

	$('.testSlider3').slider({
		width:852,
		height:300,
		originPosition:'center'
	});
}

本实例下载：https://sucaipro.com/sucai/427.html