Flexslider - 单击图像以前进到下一张幻灯片

时间:2017-10-09 13:47:36

标签: javascript jquery flexslider

我正在使用当前(2017年中)的Flexslider版本,并且我正在尝试更改代码,以便单击图像可将滑块前进到下一张幻灯片。
我知道这个问题已经回答了以前的版本,但不知道如何更改/插入新Flexslider插件的jquery.flexslider-min.js的代码。 非常感谢任何帮助。

{{1}}

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