原创Jquery实现图片幻灯片特效

var myTimer;
var currentIndex = -1;	//当前图片索引
var $big = $('.big_img li');	
var $title = $('.slider_title li');
var $small = $('.slider_list li');	//小图索引
function show(){		//进行索引位置的处理
	var next = currentIndex < ($big.length -1)? currentIndex+1:0;	//判断图像的索引
	showImg(next);
}

function showImg(index){			
	$($big[index]).stop().fadeIn().siblings().stop().fadeOut();
	$($title[index]).stop().show().siblings().stop().hide();
	$($small[index]).addClass('current').siblings().removeClass('current');
	currentIndex = index;
}
	
$(function(){
	myTimer = setInterval("show()",3000);
	//大图停止事件
	$big.hover(function(){clearInterval(myTimer);},function(){myTimer = setInterval("show()",3000);});
	//小图事件
	$small.hover(function(){
		var index = $(this).attr('index');
		clearInterval(myTimer);
		showImg(index-1);
	},function(){
		myTimer = setInterval("show()",3000);
	});
	show();		
});