Flexslider를 한동안 사용해 왔지만 좋아하지만 사용자 지정 기능이 있습니다. 붙어있어.Flexslider : 사용자 지정 단추 클릭시 다음 슬라이드로 이동 (지연시)
각 슬라이드에는 기본적으로 true 또는 false 인 2 개의 버튼이있는 텍스트가 있습니다. 단추 중 하나를 클릭하면 사용자가 정답을 선택했는지에 따라 움직입니다. 그들이 무엇을 선택하든 몇 초 후에 잠시 후에 슬라이드 쇼를 다음 슬라이드로 움직이기 원합니다. 버튼이는 2 슬라이드로 이동을 클릭하면 있도록 내가 자바 스크립트의 비트를 만들어 관리했습니다
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
slideshow: false,
controlNav: false,
touch: true,
smoothHeight: true
});
});
:
$('.true-or-false .btn').click(function() {
$('.slider').flexslider(0);
});
그러나
내 flexslider 호출은 다음과 같습니다 모든 단일 버튼에 대해이 작업을 수행하는 것이 고통 스러울 것입니다. 나는 '다음'기능을 찾으려고했지만 아무 것도 할 수 없었습니다. 이 외에도 나는 .delay(2000)
을 추가하려고했지만 위의 코드와 잘 어울리지 않는 것 같습니다.
나는 flexslider에서 슬라이드에 대한 지연 기능이있을 것이라고 생각했으며 사용자 정의 버튼을 사용하여 다음 슬라이드로 이동하는 방법을 찾아야했습니다. 누구든지 이것에 대해 어떤 생각을 밝힐 수 있습니까?
시간을내어 읽어 주셔서 감사합니다. 인트
* EDIT * 작동하지만 지금은 버튼을 클릭에 다음 단계로 슬라이드 애니메이션을 만들 않는다 '다음'추가하지 않았다 아래 내가 먼저 코드를 시도 몇 가지 이유를 들어
- 지금은 그냥 지연이 필요해! 나는이 작업을 그럭저럭 사람이 Flexslider와 유사한 기능을 달성하기 위해 찾고해야 넣다가 여기 내 솔루션을 게시하는 것이 유용 할 거라고 생각 것 같은$('.true-or-false .btn').click(function() {
$('.slider').flexslider('next');
});