no-image

JavaScript

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

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

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

デモ

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

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

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

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

WimmViewer

関連記事

  1. no-image

    JavaScript

    レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

    Flashyはレスポンシブに対応したjQuery Lightbox &…

  2. JavaScript

    シンプルでスタイリッシュなLightbox風のjQueryプラグイン「Featherlight」

    シンプルでスタイリッシュなデザインが特徴的なLightbox風のjQu…

  3. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  4. jQuery liMarquee
  5. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

  6. no-image

    JavaScript

    続きを読むボタンを実装できる「ReadMorePlugin」

    ReadMorePluginは「続きを読む」、「もっと読む」、「Rea…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP