안녕하세요 스크립트 관련 질문 드립니다.
본문
http://test.homweb.co.kr/test/index.html
위 사이트에서 장애인기능경기대회를 위해서 연습을 하고 있는데요
메인 슬라이드 부분에 혹시 아래 처럼 스크립트는 하였으나 이미지 추가시마다 매번 var next = (slideindex + 1) % 3; 값을 변경을 해주어야 해서 이것을 변경을 안하고 이미치 추가 하려면 어떻게 해야 하는지 여쭤봐도 될까요
$(".slidelist").children("div:gt(0)").hide(); //첫번째 이미지만 두고 나머지 이미지 hiden 처리
var slideindex = 0;
setInterval(function(){
var next = (slideindex + 1) % 3; // 이미자가 순차적으로 함 , 마지막이미지 로드 후 처음으로 돌아감
$(".slidelist").find("div").eq(slideindex).fadeOut();
$(".slidelist").find("div").eq(next).fadeIn();
slideindex = next;
},3000);
답변 1
이미지가 나올려면 slidelist 안에 div가 포함되어야 하니
$(".slidelist div").length 값을 기재해주시면 될것 같은데요
var slideindex = 0; var slidecnt =$(".slidelist div").length;setInterval(function(){ var next = (slideindex + 1) % slidecnt ; // 이미자가 순차적으로 함 , 마지막이미지 로드 후 처음으로 돌아감 $(".slidelist").find("div").eq(slideindex).fadeOut(); $(".slidelist").find("div").eq(next).fadeIn(); slideindex = next; },3000);
대략 이런식?
답변을 작성하시기 전에 로그인 해주세요.
