【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」

 
ECサイトでは、様々な商品の見せ方がありますが、商品一覧ページでは商品画像とプライスといった見せ方が一般的だと思います。「Product Preview Slider」は、商品の種類・色別・商品画像の角度などスライドで 見せることができるので、商品を効果的にアピールできることができます。

Product Preview Slider

同エリア内でのスライドもスムーズに切り替わります。



  • 【jQuery】ロールオーバー時にテキストをシャッフルさせる「chaffle.js」
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • 【jQuery】スクロールに合わせて要素を切り替える「Midnight.js」
  • 【jQuery】要素をふわふわ動かすプラグイン「jqFloat.js」
  • 【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
RELATED POSTS
  • バーガーメニューなどアニメーションで切り替わるボタンを生成できる「Transformicons」
  • Web制作に役立つ素材をダウンロードできる「Freebies.ByPeople」
  • 【jQuery】Youtubeの動画サムネイルをアニメーション表示させる「PreViewTube.js」
  • 【jQuery】サイドバーをスライドで表示できるSimple Sidebar
  • グラデーションのアニメーションを実装できる「Granim.js」
  • Webサイト・スマホアプリなどのUIデザインギャラリー「UIPatternHub」
RECENT POSTS
  • 配色を決める時に役立つカラーパレット22選
  • 無料で使えるハロウィンデザイン・イラスト素材サイト
  • ロゴデザインの参考になるロゴギャラリーサイト16選
  • バナー広告デザインの参考にしたいギャラリーサイト8選
PICKUP
  • 導入しておきたいWordPressのおすすめプラグイン
  • CSSで作成する吹き出しとデザインのアイデア
  • 【無料】おすすめのフリー画像・写真素材サイト10選【商用利用可】
  • CSSで実装するボタンデザインとホバーエフェクトのアイデア