jQueryでローテーションバナーを設置(ECサイトトップページ)

公開日:  最終更新日:2015/06/14

最近は楽天などでもよく見るjQueryを使用したスライドバナー。
仕事で必要になり色々あさって見たのだが、中々実用的かつ良いのが見つからない。
せっかくなので、足跡を残しておこうと忘備録的に記事にしてみた。

最初に候補にしたのはこれ

この記事を見て一目惚れ

[JS]かなりかっこいいアニメーションを使ったスライドショーを実装するチュートリアル | コリス

「jmpress」
jmpress
本家サイト

Slideshow-with-jmpress デモ&チュートリアル
かっこいいデモ&チュートリアル

動きはカッコイイし、ある程度カスタマイズも可能(僕のような低スキルでも?…)
しかし残念ながらIE未対応。知識がある人なら対応出来るのか?泣く泣く断念。

次に見つけたのがこの記事から

サイト閉鎖?の模様

jQueryのスライドショーとイメージギャラリーのチュートリアルサイトまとめ|aqua create(アクアクリエイト)

「THE LOF JSIDERNEWS PLUGIN」 ※元記事からはリンク切れの様子。
lof jsidernews plugin
本家サイト
デモ

IE6から対応しているの上、カスタマイズも出来、汎用性が高そうなので現在の有力候補。結局ECサイトの場合は、デザインよりも多くの環境で使える事のほうが重要だったりする。なのでFlash何かはiPhoneを無視しているので、論外なのだ…。

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket

Your Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Twitter

ページ先頭に戻る