SWAPMYLI

JavaScript

スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「SWAPMYLI」

シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「SWAPMYLI」です。画像を次々にスライドさせていくギャラリーを実装したい時に覚えておきたいプラグインですね。実際の公式サイトのデモではレスポンシブ対応にもなっています。

[ads_center]

使い方

jQuery本体とダウンロードしたCSS、JSファイルを読み込みます。

<link rel="stylesheet" href="swapmyli/swapmyli.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="swapmyli/swapmyli.js"></script>

作成したリストをセレクタに指定してプラグインをセットします。

<script>
$(function() {
    $('ul').swapmyli();
});
</script>

シンプルで使いやすそうですね。

オプションもあるので自分好みにカスタマイズすることもできます。

$(function() {
    $('#sample').swapmyli({
        swapTime: 900,
        transitionTime: 700,
        time: 4000,
        timer: 1,
        css: 1
    });
});

ダウンロードや詳しい詳細については以下の公式サイトで確認することができます。

関連記事

  1. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  2. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

  3. Simple Image Panner and Zoomer
  4. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  5. iziModal

    JavaScript

    エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

    iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィ…

  6. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. M360bt

アーカイブ

PAGE TOP