TAGS: jQuery | プラグイン | アニメーション | 画像 | スライド
Simple jQuery Slideshow Pluginは、非常にシンプル・軽量(わずか2KB)なスライドショーjQueryプラグインです。

動作環境


◇ jQuery.js
◇ ライセンス:フリー

使い方


1)jquery.jsとjquery.slideshow.jsを公式サイトからダウンロード
2)HTMLヘッダに定義を追加
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.slideshow.min.js"></script>


3)HTML定義
    <div id="slideshow">
        <img src="1.jpg" alt="" />
        <img src="2.jpg" alt="" />
        <img src="3.jpg" alt="" />
    </div>
    <a href="#" id="pause1">停止</a>


4)画像スライドショー 初期化
    <script type="text/javascript">
        $('#slideshow').slideshow({
            timeout: 2000,
            fadetime: 2000,
            type: 'sequence',
            pauselink: 'pause1'
        });
    </script>

.

Sponsored Link


有关作者
Syboos.jp編集長システム設計や開発、保守運営などを行ってます。オープンソース技術に興味があります。

Comments