unslider 옵션 여쭤봐도 될까요?ㅠㅠ 채택완료
물어볼때가 여기 뿐이라...ㅠㅠ
메인에 unslider로 슬라이드 배너를 달았는데요
<script>
$(function() {
var unslider = $("#main_bn").unslider({
speed: 700, // The speed to animate each slide (in milliseconds)
delay: 3000, // The delay between slide animations (in milliseconds)
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false // Support responsive design. May break non-responsive designs
});
$('.unslider-arrow').click(function() {
var fn = this.className.split(' ')[1];
// Either do unslider.data('unslider').next() or .prev() depending on the className
unslider.data('unslider')[fn]();
});
});
</script>
이렇게 작성했는데 궁금한게...
1,2,3,4번 잘 넘어가다가
다시 1번으로 넘어 올때 그러니까...
4번에서 1번으로 넘어올때 한번에 4,3,2,1이 빠르게 넘어가면서
1번으로 넘오 오는데요
그냥 1,2,3,4번 넘어가는것처럼 다시 1번으로 넘오오게 하려면
어떤 옵션을 줘야 할지
여쭤봐도 될까요?
답변 3개
</p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;">var unslider = $("#main_bn").unslider({</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>speed: 700, // The speed to animate each slide (in milliseconds)</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>delay: 3000, // The delay between slide animations (in milliseconds)</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>keys: true, // Enable keyboard (left, right) arrow shortcuts</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>dots: true, // Display dot navigation</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>fluid: false // Support responsive design. May break non-responsive designs</span></font></p><p> </p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;">});</span></font></p><p><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">
infinite:true 를 추가 하시면 됩니다
</p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;">var unslider = $("#main_bn").unslider({</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>speed: 700, // The speed to animate each slide (in milliseconds)</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>delay: 3000, // The delay between slide animations (in milliseconds)</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>keys: true, // Enable keyboard (left, right) arrow shortcuts</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>dots: true, // Display dot navigation</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>fluid: false, // Support responsive design. May break non-responsive designs</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;"><span class="Apple-tab-span" style="white-space:pre"> </span>infinite:true</span></font></p><p><font color="#484848" face="돋움, Dotum, sans-serif"><span style="font-size: 14.004px;">});</span></font></p><p style="font-size: 14.6667px;"><span style="color: rgb(72, 72, 72); font-family: 돋움, Dotum, sans-serif; font-size: 14.004px;">답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
아 저는
https://github.com/idiot/unslider" target="_self" style="font-size: 11pt;">https://github.com/idiot/unslider
이용하신것인줄 알았습니다
혹 다른것을 이용하셨나요?
혹 사이트 올려주시면 확인해 드릴께요
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
추가하고 확인했는데도 여전히 같은 증상인데요
4번째 이미지에서 첫번째 이미지로 넘어갈때 기존에
2, 3, 4번 넘어가듯 하고 싶은데
4번에서 1번으로 넘어갈때 자연스럽지가 않은데
캐쉬가 물려있는건가 싶어서 삭제하고 다시 확인했는데도 여전히 같은 증상인데요
제가 혹시 추가를 잘못했을까요?
도움 부탁드립니다 ㅠㅠ
<script>
$(function() {
var unslider = $("#main_bn").unslider({
speed: 700, // The speed to animate each slide (in milliseconds)
delay: 3000, // The delay between slide animations (in milliseconds)
keys: true, // Enable keyboard (left, right) arrow shortcuts
dots: true, // Display dot navigation
fluid: false, // Support responsive design. May break non-responsive designs
infinite: true
});
$('.unslider-arrow').click(function() {
var fn = this.className.split(' ')[1];
// Either do unslider.data('unslider').next() or .prev() depending on the className
unslider.data('unslider')[fn]();
});
});
</script>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
여진히 같은 증상이라 제가 답변에 이미지 첨부했는데 확인 부탁드려도 될까요?ㅠㅠ