今天在使用wordpress图册插件的时候,遇到一个头疼的事情,默认的图册不能自动轮播。

必须手动点击轮播剪头才能轮播。

所以想到用js自动触发这个按钮让幻灯片自动轮播。

在网上找了很久js自动触发按钮的代码,通过修改调整终于可以完美实现自动轮播的功能。

只需要通过下面简单的代码即可实现:

<script>

window.onload = function (){
        var adom = document.getElementsByClassName('slick-next');
        for(var i = 0;i<adom.length;i++)
          adom[i].click();
      };
	setInterval("window.onload()","3000");
	

  </script>

slick-next是按钮的样式,3000是轮播的时间,可以根据自己的需求进行修改。

效果如下:

js自动触发代码

相关文章:
  • wordpress当前分类上下篇文章调用方法
  • wordpress自定义文章类型相关文章调用的方法
  • WordPress批量修改文章时间的方法
  • WordPress商城插件woocommerce模板的制作方法
  • 调用wordpress指定自定义文章类型分类文章列表的方法