Flexslider - 이미지를 클릭하여 다음 슬라이드로 이동

Question

Flexslider의 현재 버전 (2017 년 중반)을 사용 중입니다. 코드를 변경하여 이미지를 클릭하면 슬라이더가 다음 슬라이드로 넘어갑니다.
이 질문은 이전 버전에 대한 답변 이었지만 새로운 Flexslider 플러그인의 jquery.flexslider-min.js에 대한 코드를 변경/삽입하는 방법을 알지 못합니다. 도움을 주시면 감사하겠습니다.

$('.flexslider').flexslider({ 
directionNav : false, 
slideshow: false, 
animation: "slide", 
controlsContainer: ".flex-container", 
start: function(slider) { 
$('.slides li img').click(function(event){ 
    event.preventDefault(); 
    slider.flexAnimate(slider.getTarget("next")); 
}); 
} 
}); 

Answer 1

당신이 당신의 페이지에 물건을로드하는 방법을 모르겠어요,하지만 당신은 (스크립트 태그) 페이지에서 다음을 넣어 경우, 슬라이더가 IMG 클릭에 다음 슬라이드로 이동합니다.

<script> 
$('.slides li img').click(function(event){ 
    event.preventDefault(); 
    $('#slider').flexslider("next") //Go to next slide 
}); 
</script> 

외부 파일에이 jQuery를로드하는 경우 스크립트 태그를 제외하십시오. flexslider 코드 다음에 오는 지 확인하십시오. 또한 $을 jQuery으로 대체해야 할 수도 있습니다. 그리고 슬라이드 컨테이너에 클래스 slides이 있어야합니다.

바로 해당 내용은 repo docs입니다.