no-image

JavaScript

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

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

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

デモ

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

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

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

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

WimmViewer

関連記事

  1. no-image
  2. slimMenu
  3. Ziehharmonika

    JavaScript

    かっこいいアコーディオンを実装できる軽量のjQueryプラグイン「Ziehharmonika」

    アニメーションがとてもクールでかっこいいアコーディオンを実装することが…

  4. no-image

    JavaScript

    マテリアルデザインによるjQueryタイムピッカー実装「MDTimePicker」

    MDTimePickerはマテリアルデザインをコンセプトにしたタイムピ…

  5. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

  6. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP