JavaScript

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

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

[ads_center]

特徴

Smoothproducts

Smoothproducts

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

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

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

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

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

関連記事

  1. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

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

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

  3. Image Figure Caption effects
  4. TwentyTwenty

    JavaScript

    2枚の画像を見比べれるjQueryプラグイン「TwentyTwenty」

    TwentyTwentyは2枚の画像を見比べれる便利なjQueryプラ…

  5. JavaScript

    2KB程の軽量&シンプルなjQueryスライダー「Craftyslide」を使ってみた

    とてもシンプルで軽量ないい感じのjQueryプラグイン「Craftys…

  6. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

コメント

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

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

最近の記事

  1. Soundcore Liberty Air 2
  2. Soundcore Liberty 2
  3. マザーツリー
  4. RICOH THETA SC2

アーカイブ

PAGE TOP