no-image

JavaScript

シンプル・軽量なjQueryイメージビューア「WimmViewer」

WimmViewerはシンプルで軽量なイメージビューアを実装できるjQueryプラグインです。サムネイルをクリックすることで大きい画像を表示できます。使い方もわかりやすく、手軽に実装できるのがいいですね。

カルーセルのようなサムネイルリスト

デモ

デモではシンプルなイメージビューアが設定されています。上部にはサムネイル画像が表示されていて、ここから任意の画像をクリックするとその下に大きい画像が表示される仕組みです。

サムネイルリストはカルーセルのようになっていて、PREV/NEXTボタンから前後に移動できるようになっています。操作もシンプルでとても使いやすいイメージビューアですね。

また、WimmViewerにはオプションもいろいろ用意されているので、カスタマイズして使用することも可能です。

主なオプションは、miniatureWidth、miniatureHeight、miniatureSpace、nextText、prevText、viewerMaxHeight、onImgChange、onNext、onPrevです。

WimmViewer

no-image高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」前のページ

セクション単位でアップダウンできる「jQuery Section Navi Plugin」次のページjQuery Section Navi Plugin

関連記事

  1. Chameleon.js
  2. JavaScript

    ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

    Spotlightはショータイムが始まる前のスポットライトのようなアニ…

  3. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

  4. no-image

    JavaScript

    多彩なエフェクトを備えたjQueryスライダープラグイン「camera-slider」

    camera-sliderは多彩なエフェクトを備えた美しいスライドショ…

  5. Slight Submenu

最近の記事

  1. COMOLI ダブルレイヤー L/Sクルー
  2. メキシコ オアハカ
  3. ドリップ
  4. チェリー
  5. 温泉水99

アーカイブ

PAGE TOP