- JavaScript
- 2013-08-29
Excolo-Sliderはシンプルなスライドショーを実装してくれるプラグインです。
シンプルではありますが、オプションも多様に用意されていて、スマホのタッチ操作にも対応しているので
非常に使い勝手が良いです。
JavaScriptライブラリをダウンロード
jQuery
Excolo-Slider
head
タグ内でダウンロードしたライブラリを読み込みます。
<script type="text/javascript" src="./jquery-1.9.1.min.js"></script> <script type="text/javascript" src="./excolo-slider/js/jquery.excoloSlider.js"></script> <link rel="stylesheet" href="./excolo-slider/css/jquery.excoloSlider.css">
HTMLを用意します。
<div id="eslider" class="slider"> <a href="#"><img src="./images/example1.gif" width="260" height="100" alt=""></a> <a href="#"><img src="./images/example2.gif" width="260" height="100" alt=""></a> <a href="#"><img src="./images/example3.gif" width="260" height="100" alt=""></a> <img src="./images/example4.gif" width="260" height="100" alt=""> </div>
1,778 views