我正在使用当前(2017年中)的Flexslider版本,并且我正在尝试更改代码,以便单击图像可将滑块前进到下一张幻灯片。
我知道这个问题已经回答了以前的版本,但不知道如何更改/插入新Flexslider插件的jquery.flexslider-min.js的代码。
非常感谢任何帮助。
{{1}}
答案 0 :(得分:0)
我不知道你是如何将内容加载到页面上的,但是如果你在页面上放置以下内容(在脚本标签中),滑块应该转到img click上的下一张幻灯片。
<script>
$('.slides li img').click(function(event){
event.preventDefault();
$('#slider').flexslider("next") //Go to next slide
});
</script>
如果要在外部文件中加载此jQuery,请排除脚本标记。确保它出现在flexslider代码之后。此外,您可能需要将$
替换为jQuery
。而且,您需要在幻灯片容器上安装类slides
。
这是repo docs。