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.confirm

    JavaScript

    jQueryとBootstrapを使ったボタンとリンクによるダイアログ実装「jquery.confi…

    jquery.confirmは、ページ内のボタンやリンクをクリックする…

  2. Data Img

    JavaScript

    ブラウザ幅に応じて画像を切り替えれるレスポンシブ対応のjQueryプラグイン「Data Img」

    Data Imgはブラウザ幅に応じて最適なサイズの画像を切り替えて表示…

  3. TextFit

    JavaScript

    テキストをコンテナ幅にすばやくフィットさせる「TextFit」

    TextFitは、一行または複数行のテキストをコンテナ幅(オプションに…

  4. Intense Images
  5. Skippr

    JavaScript

    軽くて速いスライドショーを実装できるjQueryプラグイン「Skippr」

    SkipprというjQueryプラグインを使えば、軽くて速いスライドシ…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでreplaceWithやreplaceAllを使って要素を置き換えてみる

    jQueryでreplaceWithやreplaceAllを使えば好き…

最近の記事

  1. クッキー&クリーム ポップコーン
  2. マウイチップス マウイオニオン味
  3. グリーンビーントゥーバー
  4. VS-543AS

アーカイブ

PAGE TOP