스크립트 질문입니다.. 채택완료
</p><p>
</p><p>var ii=0;</p><p>var li_sz = $(".r_btn li").size();</p><p>var auto = setInterval(_auto,4000);</p><p>function _auto(){</p><p style="margin-left: 40px;">ii++</p><p><span style="white-space:pre"> </span>if(ii>li_sz-1)</p><p><span style="white-space:pre"> </span>{ii=0;}</p><p><span style="white-space:pre"> </span>$(".r_img").hide();</p><p><span style="white-space:pre"> </span>$(".r_img").eq(ii).show();</p><p><span style="white-space:pre"> </span></p><p><span style="white-space:pre"> </span>$('.r_btn li').eq(ii).find('img').attr('src','jumbtn'+ii+'_on.png');</p><p>}</p><p style="margin-left: 0px;">}</p><p>
</p><p>
이런식으로 해서 자동으로 이미지 파일명을 on으로 바꾸었습니다.
근데 기본적으로 파일명을 off로 바꾸어야 하는데,, 도무지 문법을 모르겠습니다..
$('.r_btn li').removeClass();
$(this).addClass("ons");
이런식으로 addClass를 하면 기본적으로는 removeClass를 해주듯이,,
어떻게 하면될까요? 물음표부분에 어떻게 넣어야 할까요..
답변 3개
뭘 하시려고 하는진 모르겠지만 이렇게 넣으면 되지 않을까요?
</p><p>var ii=0;
var li_sz = $(".r_btn li").size();
var auto = setInterval(_auto,4000);
function _auto(){
ii++
if(ii>li_sz-1)
{ii=0;}
$(".r_img").hide();
$(".r_img").eq(ii).show();
$('.r_btn li').find('img').attr('src','jumbtn'+ii+'_off.png');
$('.r_btn li').eq(ii).find('img').attr('src','jumbtn'+ii+'_on.png');
}
}
</p><p>댓글을 작성하려면 로그인이 필요합니다.
$('.r_btn li').eq(ii).find('img').attr('src','jumbtn'+ii+'_on.png');
위부분의 소스를 아래처럼 변경하면 되지 않을까요?
var src = $('.r_btn li').eq(ii).find('img').attr('src');
if (src === 'jumbtn'+ii+'_on.png')
$('.r_btn li').eq(ii).find('img').attr('src','jumbtn'+ii+'_off.png');
else
$('.r_btn li').eq(ii).find('img').attr('src','jumbtn'+ii+'_on.png');
댓글을 작성하려면 로그인이 필요합니다.
auto 가 작동되는 시점이 언제인가요?
시점을 알수없는 ii 에 ++ 되는 내용이
이해가 안가서 추가적인 의견으 드리기 어렵네요
보통
jQuery 로 화면 로딩시 필요한 사항을 넣을때는
$( document ).ready()
</div><div><script></div><div style="margin-left: 0px;">$(document).ready(function(){</div><div style="margin-left: 40px;">// 초기화 시킬 내용</div><div style="margin-left: 40px;">// 감출것 처리 등등</div><div style="margin-left: 0px;">});</div><div style="margin-left: 0px;"></script></div><div style="margin-left: 0px;">댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인