JavaScript

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

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

[ads_center]

特徴

Smoothproducts

Smoothproducts

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

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

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

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

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

関連記事

  1. OneBook3d

    JavaScript

    フォトアルバム(ブック)に最適なjQueryプラグイン「OneBook3d」

    OneBook3dはブラウザ上でフォトアルバム(ブック)を作るのにとて…

  2. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

  3. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  4. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  5. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  6. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

コメント

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

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

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP