/*
아래에 있는 div를 표시합니다. 이는
dname이 이 작업을 수행하는 데 필요한 요소를 지정합니다. dname이 지정되지 않으면 모든 하위 요소가 기본값으로 설정됩니다.
tname은 dname에 해당하는 활성화 요소를 지정합니다.
speed는 전환을 표시합니다. speed;
effe는 효과를 표시합니다.
*/
(function(){
.fn.w_picSwap=function(dname,tname,speed,effe){
speed=speed || 2000;
dname=tname ||
effe(함수){
var myTime;
var obj=( this);
var objs=(this).find(dname)
var objnl=(this).find(tname).not(dname); var len2=objnl.length;
var len=objs.length;
if(len<2){ return;}
var si=0;
objs .not(':first').css('opacity',0);
function showImg(){
old=si;si=(si==(len-1))?0:si 1 ;
효과(objs.eq (old),objs.eq(si))
if(len2){
objnl.eq(old).removeClass("on"); .eq(si).addClass(" on");
}
};
함수 효과(o,n){
스위치(effe){
케이스 1:
o.stop().animate({ opacity:0});
n.stop().animate({opacity:1})
break
사례 2:
var toff= o.position();
n.stop().css("top",toff.top o.outerHeight()).animate({top:toff.top,opacity:1},200); >o.stop().animate( {top:toff.top-o.outerHeight(),opacity:0})
break
}
}
function start(){
myTime = setInterval(showImg,speed );
};
objnl.mouseover(function(){
si=objnl.index(this);
showImg();
} );
//슬라이드 인하여 애니메이션을 중지하고 슬라이드 아웃하여 애니메이션을 시작합니다.
obj.hover(function(){
if(myTime){clearInterval(myTime);}
}, function(){
시작();
});
시작();
})(jQuery);