답변 2개
var MainCnt = 3; // 전체이미지 갯수
var MainSel = 1; // 처음로딩시 나올 이미지
var mainTimer;
var OutTime = 1500; // fadeout 시간
var InTime = 1000; // fadein 시간
var StartTime = 2000; // 로딩후 시작시간 (페이지 로딩후 2초후에 시작)
var RepeatTime = 5000; // 반복 시간 (5초마다 반복)
function MainEffect(){
OutNum = MainSel;
InNum = (OutNum >= MainCnt) ? 1 : OutNum + 1;
$(".main_img0"+OutNum).fadeOut(OutTime);
$(".main_img0"+InNum).fadeIn(InTime);
MainSel = InNum;
clearInterval(mainTimer);
mainTimer = setInterval(MainEffect, RepeatTime);
}
$(function(){
mainTimer = setInterval(MainEffect, StartTime);
});
이미지에 클래스값을 main_img01 부터 main_img02 식으로 뒤에 숫자만 바꾸시면 됩니다..
저도 인터넷에서 찾은거예요..
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인