阿里云服务器

今天在使用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账号注册百度小程序的dealid在哪里看建设网站的一般过程建设银行信用卡积分兑换商城网站服务器的配置要求丹徒网站建设平台美化wordpress h2网站建设丶金手指专业天津网站建设zmad服务器磁带城乡建设杂志社官方网站wordpress再见
相关阅读:
  • wordpress网站调用自定义分类的文章列表
  • wordpress不用插件实现倒计时的功能
  • 把wordpress自动更新和提示关闭的方法
  • wordpress主题data-src图片不显示解决办法
  • wordpress网站自动抓取文章第一张图片为缩略图
  • 解决wordpress文章自动添加< p >< br >标签的问题
  • wordpress自带视频播放器插入封面图的方法
  • wordpress怎样修改页脚版权信息
  • 自定义wordpress商城woocommerce产品页文章hook顺序
  • 给wordpress图片添加图层蒙版的方法