PopCircle

JavaScript

クリック時に周りに画像が表示されるイメージギャラリーを実装できるjQueryプラグイン「PopCircle」

PopCircleというjQueryプラグインを使えば、要素をクリックした時に周りに画像を表示させることができます。見た感じとっても面白いイメージギャラリーですね。ちょっと変わった見せ方をしたい時なんかによさそうです。

[ads_center]

PopCircleの使い方

実際のデモでは、このように、クリックすると周りに画像が「ポンッ」と表示されます。

PopCircle

PopCircle

$('.trigger').click(function(e){
    e.preventDefault();
    $.popcircle('#pops',
      {
        spacing:'10px',
        type:'full', // full, half, quad
        offset:1.95, // 0, 1, 2, 3, 4, 5, 6, 7 or 5.1
        ease:'easeOutElastic',
        time:'slow' // slow, fast, 1000
      }
    );
});

オプションでtypeをhalfにすると半円側だけに画像を表示したりするといったこともできます。

WordPressのログイン時のツールバーWordPressでアイキャッチ画像のサイズによって出力を振り分ける条件分岐のやり方前のページ

Photoshopで写真画像のExif情報を削除するやり方次のページ

最近の記事

  1. ボヤージュブレンド
  2. 紫陽花とセミの抜けがら
  3. クラブハウスサンド 石窯カンパーニュ
PAGE TOP