jQuery cycle2를 사용하는 슬라이드 쇼가 있습니다. 나는 프로젝트에서 어떻게 작동해야하는지에 대한 모형과 함께 jsfiddle을 포함시켰다 : https://jsfiddle.net/b1tfx58o/2/jQuery cycle2를 사용하여 슬라이드 변경시 요소를 이동하는 방법은 무엇입니까?
측면에 탐색 링크가 있으며 가장자리에 빨간색 작은 상자가있어 nav과 정렬되도록되어있다. 링크. 예를 들어, "슬라이드 2"를 클릭하면 빨간색 상자가 슬라이드 한 다음 슬라이드 1처럼 유지됩니다. 슬라이드 1 또는 슬라이드 3을 클릭하면 테두리 선의 중간에 위치합니다. 링크. 빨간색 상자를 클릭하여 다음 슬라이드로 이동할 수도 있습니다. 그 부분은 작동하지만 링크를 클릭하면 움직이지 않습니다. 이것에 대한 도움이 많이 감사 할 것입니다!
스크립트 지금까지합니다 (JSfiddle을 확인하는 것이 더 이해가됩니다) :
var icon = $('.icon');
var slideshow = $('.cycle-slideshow');
icon.on('click', function(e){
e.preventDefault();
slideshow.cycle('next', function(){
});
});