$(document).ready 질문입니다
본문
$(document).ready(function(){
// swipe 설정
$("#platinumAd").touchSlider({
autoplay : {
enable: true,
pauseHover : true,
interval : 5000
},
speed : 600,
sidePage : true,
btn_prev : $("#platinumAd").next().find(".btn_prev"),
btn_next : $("#platinumAd").next().find(".btn_next")
});
$("#goldAd").touchSlider({
autoplay : {
enable: true,
pauseHover : true,
interval : 5000
},
speed : 600,
sidePage : true,
btn_prev : $("#goldAd").next().find(".btn_prev"),
btn_next : $("#goldAd").next().find(".btn_next")
});
});
1 페이지 안에 2개의 롤링 배너가 있는데
이게 돌아가는 속도는 같습니다.
그런데 정작 페이지 로딩해보면.. 먼저 선언된게 조금 일찍 돌아가게 되는데
혹시 완전히 속도를 같게 할 수 있을까요?
답변 2
잘 될지 모르겠습니다만.
#platinumAd 와 #goldAd 에 동일한 클래스명을 준뒤,
클래스명으로 실행시키는 코드로 변경해보면 어떨까 싶습니다.
<div id="#platinumAd" class="d_Ad">~
<div id="#goldAd" class="d_Ad">~
$("#platinumAd").touchSlider(
~
$("#goldAd").touchSlider(
~
=> $(".d_Ad").touchSlider(
방금 그리 실행중인데도
약간의 차이가 나네요 ㅠ_ㅠ;
저도 해당 이슈에 대해서 관심이 있어서 해결책을 검색해보니
https://code.i-harness.com/ko/q/1317e4
이런 검색 결과를 얻었습니다.
같은 jQuery 환경이라 동일하게 적용되지 않을까 싶은데, 한 번 해보시기 바랍니다.
저도 queue 를 찾아보긴했는데..
false 로 하면 아예 .touchSlider 를 불러오지를 못하네요;
답변을 작성하시기 전에 로그인 해주세요.