阿里云服务器

今天在使用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编辑框不让span过滤的方法
  • wordpress搜索为空时仍然返回结果问题
  • wordpress注册页取消邮箱的方法
  • wordpress用户头像在线调用代码
  • wordpress自动隐藏email注册,直接用户名密码注册
  • wordpress设置游客只能访问指定页面的方法
  • wordpress列表分页显示404页面的解决办法
  • wordpress页面默认排序修改的方法
  • wordpress新版本5.4 “Adderley” 发布上线,更新多项功能
  • wordpress默认编辑器功能增加的方法