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. jquery-steps

    JavaScript

    ステップ式のウィザードを実装できるjQueryプラグイン「jquery-steps」

    jquery-stepsは、ステップ式のウィザードを実装することができ…

  2. no-image

    JavaScript

    スタイリッシュで美しいイメージスライダー「Gliding Gallery」

    Gliding Galleryはスタイリッシュで美しいシンプルなイメー…

  3. jQuery Countdown

    JavaScript

    手軽に使えるカウントダウンタイマーを実装できる「jQuery Countdown」

    jQuery Countdownは手軽に使えるカウントダウンタイマーを…

  4. Animate Plus

    JavaScript

    CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」

    Animate PlusはCSS、SVGを使った多彩なアニメーションを…

  5. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP