jQuery.popeye


Description: 省スペースにイメージギャラリーを設置することが可能なプラグインです。コンパクトながらなかなか高機能で、デザインを崩すこと無くギャラリーを導入できる点が魅力です。問題のIE6や7でも動作してくれます。
Sample: demo
Tutorial: jQuery.popeye
License: GPL 2.0
WordPress Plugin: wp-popeye

Note

<script type="text/javascript">
    <!--//<![CDATA[

    $(document).ready(function () {
        var options2 = {
            caption:    false,
            navigation: 'permanent',
            direction:  'left'
        }
        var options3 = {
            caption:    'permanent',
            opacity:    1
        }

        $('#ppy1').popeye();
        $('#ppy2').popeye(options2);
        $('#ppy3').popeye(options3);
    });

    //]]>-->
</script> 

キャプションの有無などの設定。

Related snippet :

  • Description: Youtubeの動画を背景全体にするライブラリです。自動でリピート再生してくれます。なかなかインパクトのある見せ方ですね。 Sample: ...
  • Description: エフェクトの豊富なスライドギャラリーです。昔のFlashライクなエフェクトでマークアップも簡単なので導入も手軽です。IE6での挙動はやや不安定です ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: マウスオーバーした画像をハイライトし、キャプションも表示します。クロスブラウザで動作してくれますが、若干反応が遅いでしょうか。多少の改善は必要かも知 ...
  • Description: シンプルなコンテンツスライダーです。li要素をスライドさせるので様々な応用がききそうですね。戻ること無くカルーセル式にスライドします。 S ...
  • Description: タブをクリックするとスライドしながら出現するコンタクトフォームを実装出来ます。フィードバック用にもいいですね。 Sample: demo ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...