소스 부탁드립니다..
본문
제가 공부를 하고 있는데 잘 안되네요....혹시 도움을 받을 수 있을까 합니다..
사진이 1,2,3 이 있는데......사진이 3초마다 1-2-3-1-2-3 이렇게 변하게 하려고 하는데 잘 안되네요..
소스 좀 부탁드립니다..
답변 2
<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 식으로 뒤에 숫자만 바꾸시면 됩니다..
저도 인터넷에서 찾은거예요..