阿里云服务器

今天在使用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产品也购物按钮改成表单提交插件:woo-quote-or-enquiry-contact-form-7
  • wordpress列表分页显示404页面的解决办法
  • wordpress页面默认排序修改的方法
  • wordpress新版本5.4 “Adderley” 发布上线,更新多项功能
  • wordpress默认编辑器功能增加的方法
  • wordpress多站点功能快速开启方法
  • wordpress分类和文章增加模板选择功能
  • wordpress文章编辑器标签自动生成排除
  • wordpress根据自定义字段来调用文章列表的方法
  • wordpress文章中图片模糊不清被压缩的问题