简单变换,没有pager按钮
// eSlide: 图片轮番
// Usage:
/*
$('#slideshow').eSlide({
stopTime: 3000,
speed:800,
width:'954px',
height:'330px'
});
*/
// Author: Ethan Chen
(function($){
$.fn.extend({
eSlide:function(settings){
var $slc = $(this);
var defaults = {
time:2000,
speed:500,
effect:'fade',
item:$slc.children(),
width:$slc.width(),
height:$slc.height()
};
var opt = $.extend({}, defaults, settings);
var $item = $(opt.item),
sum = $item.size(),
current = 0;
$slc.css({
'position':'relative',
'width':opt.width,
'height':opt.height
});
$item.css({
'position':'absolute',
'top':0,
'left':0,
'z-index':20
});
var t; //timer
var change=function(){
$item.eq(current++).fadeOut( opt.speed );
if(current == sum){
current = 0;
}
$item.eq(current).fadeIn( opt.speed );
t = setTimeout(change, opt.stopTime);
};
//鼠标事件绑定
$slc.hover(function(){
clearTimeout(t);
}, function(){
change();
});
//start
change();
}
})
})(jQuery);