채택완료

소스 부탁드립니다..

2014-08-19 (화) 13:20:02 4,030

제가 공부를 하고 있는데 잘 안되네요....혹시 도움을 받을 수 있을까 합니다..

사진이 1,2,3 이 있는데...​...사진이 3초마다  1-2-3-1-2-3 이렇게 변하게 하려고 하는데 잘 안되네요..

소스 좀 부탁드립니다..

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트
2014-08-19 (화) 13:41:11

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript">

                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);

                 });

</script> 

이미지에 클래스값을 main_img01 부터 main_img02 식으로 뒤에 숫자만 바꾸시면 됩니다..

저도 인터넷에서 찾은거예요..

답변에 대한 댓글 1개

잘 해결 되었습니다...감사합니다..^^

답변을 작성하려면 로그인이 필요합니다.