JavaScript

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

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

[ads_center]

特徴

Smoothproducts

Smoothproducts

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

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

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

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

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

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

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

関連記事

  1. number-divider.js

    JavaScript

    数字を分割できるjQueryプラグイン「number-divider.js」

    number-divider.jsは数字を分割させることができるjQu…

  2. Zooming

    JavaScript

    クールな画像ズーム機能を実装できる「Zooming」

    Zoomingはクールでかっこいい画像ズーム機能を実装することができる…

  3. Glide.js
  4. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  5. SweetAlert
  6. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

コメント

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

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

最近の記事

  1. ハムエッグホットサンドとドリップコーヒー
  2. 高輪ゲートウェイ駅のスタバ
  3. 新幹線
  4. リッチモンドホテル
  5. ハーブバターチキン 石窯フィローネとドリップコーヒー

アーカイブ

PAGE TOP