jQuery 이미지 전환 플러그인(코드 적음)_jquery

코드 복사 코드는 다음과 같습니다.

// JavaScript Document
;(function($ ){
$.fn.extend({
"zj_ppt":function(value){

//기본 매개변수 정의
var $this = $(this);
value = $ .extend({
"time":2000, //간격 변경 애니메이션 시간
"con":0,
"sto":true,
"count":"count" , // 작은 그림의 상위 클래스 이름 전환
"src":"src", //작은 그림 경로 전환
"src_cur":"src_cur" //현재 작은 그림 경로 전환
}, value);

//사진 전환 기능
function autopic(){
$("li",$this[0]).hide(); li:eq(" value.con ")",$this[0]).show();
$(value.count).find("ul li img").attr("src",value. src);
$(value.count).find("ul li img:eq(" value.con ")").attr("src",value.src_cur)
if(value.con> ;$("li ",$this[0]).length-2){
value.con = 0
}else{
value.con = 1
}
}

//사진 전환을 수행하는 빈도
function sett(){
if(value.sto){autotopic()}
setTimeout(sett,value.time);
}

//마우스 오버 시 이미지 전환 및 자동 전환 중지
$(value.count).find("ul li").hover(function(){
var _index = $(this).index();
value.con = _index;
value.sto = false
autotopic()
},function(){
var _index = $ (this).index();
value.sto = true;
value.con =

});

//다른 JQuery 메서드에 연결하기 위해 원본 객체 반환
return $this;
}
})


위 내용은 플러그인 코드의 일부입니다.

아래에서 데모를 다운로드할 수 있습니다

/201205/yuanma/myPPT_jb51.rar