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

最終實現自動滾動效果，而且可以手動翻頁。