cinema-days 映画な日々

商品バー復活

2010/05/21
【パソコン】[カスタマイズ] 0
jCarouselLite モーションウィジェット
コンベアベルト式のスライド」を使って表示していた商品バーは、
トップメニューの見直し」の際に、その看板を下ろしましたが、
この度、INDEXエリア限定ですが、新形式で復活させました。

参考サイト: 【 ありのごとくあつまりて 】jCarousel Lite をカスタマイズして記事毎に
ハイライト表示で 『jQuery_highlight』 を使用したのと同様、
商品バーでは jQueryライブラリより 『jCarousel Lite』 を使用しました。

FC2の変数を使って、各記事毎に設置する事も可能のようですが、
今回はトップページのINDEXエリアのみの表示としました。
オプションにより、縦型にしたり、自動スクロールにする事も可能です。

参考サイト:FHW blog jCarouselLite の設定方法

楽天にこれと似たようなウィジェットがあり、
これまでのツールに比べ、クリック率約2.5倍、成果件数約6倍の効果!?
があるとの、歌い文句の「楽天モーションウィジェット」を個別記事に設置してみました。

【 追記 】
・ 各記事の楽天モーションウィジェットを廃止し、楽天商品検索APIを使った商品検索に変更。
・ jCarousel Lite の設定を自動スクロールに変更。デモページ ⇒ こちら
 ※自動スクロールですが、1アイテムごとの商品移動直後のタイミングで
 前後移動ボタンが使用出来ます。
【スポンサーリンク】
関連記事
 
cinema-daysを「人気ブログランキング」で応援cinema-daysを「にほんブログ村」で応援
     シェアする


同カテゴリ  【パソコン】[カスタマイズ]

コメント歓迎!! 0

まだ、コメントはございません。

comment form
コメントは承認制です。装飾バーは利用できません。
更  新  順
Hiro
Author: Hiro
発信地:愛知県
TB・CM(承認制)・LINK歓迎
cinemadays on Twitter
cinemadays on Facebook