JavaScript

jQueryプラグインでレスポンシブ対応のズーム機能付イメージビューア「Smoothproducts」

SmoothproductsというjQueryプラグインを使えば、レスポンスに対応したズーム機能付きのイメージビューアを実装することができます。プロダクトの写真をうまく見せたい時なんかに役立ちそうですね。軽量なところも嬉しいです。

[ads_center]

特徴

Smoothproducts

Smoothproducts

画像は全部で3種類あります。

  • サムネイル画像
  • メインに表示される標準サイズの画像
  • クリック時のラージサイズの画像

サムネイル画像を選択するとメインの場所にその標準サイズの画像が表示されます。で、拡大ズームしたい時は標準サイズの画像をクリックすることで、画像を拡大することができます。

その他にも、高さが違う画像があっても自動でメインの高さが調整される便利な機能も付いています。

幅広い用途で使用することができそうなプラグインですね。

関連記事

  1. no-image
  2. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  3. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

  4. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

  5. Toolgif

    JavaScript

    GIFアニメーションによるツールチップを実装できる「Toolgif」

    ToolgifはGIFアニメーションを活用したツールチップを実装するこ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP