superslide滚动插件使用记录-产品滚动-图片滚动

时间 2020-06-14

标签 superslide 滚动插件使用记录产品图片繁體版

原文原文链接

在用wordpress制做一个企业网站时，用到了这个superslide的滚动插件，用于案例、证书等滚动效果。该插件网站在这里：http://www.superslide2.com/javascript

我所使用的wordpress版本是5.4.1，php版本是7.2，Mysql版本是5.6php

像往常同样将js放在了网站脚部footer.php中java

并在相应地方放入脚本代码，但并无滚动效果。sql

<div class="picScroll-left">
　　<div class="hd">
　　　　<a class="next"></a>
　　　　<a class="prev"></a>
　　</div>
　　<div class="bd">
　　　　<ul class="picList">
　　　　　　<li>
　　　　　　　　滚动的内容
　　　　　　</li>
　　　　</ul>
　　</div>
</div>ide

通过一番调教，最终办法是网站

首先在<body>下引入2个js插件

<body>
<script src="<?php echo get_template_directory_uri();?>/js/jquery1.42.min.js"></script>
<script src="<?php echo get_template_directory_uri();?>/js/jquery.SuperSlide.2.1.3.js"></script>ip

而后在脚部再次引入这单独的一个js

最终实现自动滚动效果，而且可以手动翻页。