zblog主题服务器

今天在使用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批量修改guid值的方法
  • wordpress网站密码重置的五个方法
  • 让wordpress附件支持SVG图片的方法
  • 拓展wordpress上传附件格式的方法
  • wordpress自定义调用摘要字数的方法
  • 中文版wordpress显示英文日期的方法
  • WordPress分类拓展自定义栏目的方法
  • wordpress自定义菜单添加class的方法