JavaScript

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

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

[ads_center]

特徴

Smoothproducts

Smoothproducts

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

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

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

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

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

funnyText.js垂直・水平方向に文字が移動するアニメーションを実装できるjQueryプラグイン「funnyText.js」前のページ

Feedlyに簡単にアクセスできるChrome拡張機能次のページFeedlyのChrome拡張機能

関連記事

  1. Foxholder
  2. JavaScript

    画像にマウスオーバーするとズームして綺麗にエフェクトがかかるjQueryプラグイン「Swish」

    画像にマウスオーバーをするとズームして綺麗なオーバーレイのエフェクトが…

  3. no-image

    JavaScript

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

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

  4. Vertical Timeline

    JavaScript

    垂直型のシンプルなタイムラインを実装できるjQueryプラグイン「Vertical Timeline…

    Vertical Timelineは、垂直型のシンプルなタイムラインを…

  5. jQuery Hero Slider Plugin
  6. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

コメント

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

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

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP