제이쿼리 이미지슬라이드, 랜덤으로 출력하기 질문입니다 ㅠ 정보
제이쿼리 이미지슬라이드, 랜덤으로 출력하기 질문입니다 ㅠ
본문
// pure JS
var elem = document.getElementById('mySwipe');
window.mySwipe = Swipe(elem, {
// startSlide: 1,
// auto: 3000,
// continuous: true,
// disableScroll: true,
// stopPropagation: true,
// callback: function(index, element) {},
// transitionEnd: function(index, element) {}
이러한 제이쿼리 소스를 받아서 적용이 된상태입니다.
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
1,2,3,4 가 차례대로 보이거나 또는 버튼을 이용해서 좌우로 제어가 되는데요,
위에 제이쿼리 부분에서 startSlide: 1 부분을 3으로 바꾸면 3번 div가 먼저 표시가 됩니다.
얘를 랜덤으로 나오게 하는 방법이 있을까요?
var elem = document.getElementById('mySwipe');
window.mySwipe = Swipe(elem, {
// startSlide: 1,
// auto: 3000,
// continuous: true,
// disableScroll: true,
// stopPropagation: true,
// callback: function(index, element) {},
// transitionEnd: function(index, element) {}
이러한 제이쿼리 소스를 받아서 적용이 된상태입니다.
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
1,2,3,4 가 차례대로 보이거나 또는 버튼을 이용해서 좌우로 제어가 되는데요,
위에 제이쿼리 부분에서 startSlide: 1 부분을 3으로 바꾸면 3번 div가 먼저 표시가 됩니다.
얘를 랜덤으로 나오게 하는 방법이 있을까요?
댓글 전체
지금 적어 놓으신 부분은 슬라이더의 control 부분일 뿐이고, 실제 슬라이더 하고 아무런 관련이 없는, 어떻게 작동되는지 저걸 봐서는 아무도 알수가 없습니다.
cshop님 답변처럼 위 코드로는 어떻게 돌아가는 것인지 알 수 없지만
startSlide: 1 부분을 3으로 바꾸면 3번 div가 먼저 표시가 됩니다. <--- 라고 했으니
이렇게 하면 됩니다
startSlide: Math.ceil(4*Math.random()) ,
그런데 주석처리는 무엇때문에??
startSlide: 1 부분을 3으로 바꾸면 3번 div가 먼저 표시가 됩니다. <--- 라고 했으니
이렇게 하면 됩니다
startSlide: Math.ceil(4*Math.random()) ,
그런데 주석처리는 무엇때문에??
답변감사합니다. 테스트하던 소스를 그대로 가져와서 주석처리되있었네요 ㅎㅎ