• 文字サイズ


解決済

左右動くバナーの並べ方

  • 相談者:非公開
  • 2016/12/02 11:23
お世話になります。
会員の方の質問問答を参考に左右に動くバナーを作成しました。
下記サイトを参考にしました。
↓↓↓
http://item.rakuten.co.jp/SHOP-URL/ITEM-URL/ITEM-URL/

このように3個ほどバナーを並べたいのですが、
どうしても1個しか表示できません。
何か止める?ようなタグが必要なようです。
お教えいただけますか。
よろしくお願いいたします。
田中さんの参考にさせて頂いたタグは以下です。

===== この下の行から ================
<div id="sidefixedbanner">(バナーの内容)</div>
<style>
#sidefixedbanner {
top: 100px; /* ←数字を増やして、上からの位置を調整できます */
right: -100px; /*
↑画像の隠したい部分の長さを指定してください。
左端に固定する場合は、rightをleftに変更してください。 */
z-index: 10;
display: block;
width: auto;
position: fixed;
transition: 0.5s; /* ←数字を減らすと、動きが速くなります。 */
}

#sidefixedbanner:hover{
right: 0px;
}
</style>
===== この上の行まで ================





投稿内容について報告する

今気になってる疑問、
セミナーに参加すれば解決するかも!?
日本全国のネットショップ12,000社が参加!
ネットショップでお悩みがある方はまずはオンラインセミナーへGO!
広告0円で楽天の売上アップ続出!
ECマスターズチャンネルをチェック!
総視聴回数15万回突破!
最新の対策事例やSALE対策など、売上にお困りの方はぜひご視聴ください!

  • 返信者:非公開
  • 2016/12/02 20:08
ECマスターズの田中です。

ページを確認したところ、
クーポンバナー、レビューバナー、両方で同じID「sidefixedbanner」が使われております………(省略)………
  • 返信者:非公開(質問者)
  • 2016/12/02 20:25
田中さんいつもお世話になります!
ありがとうございます。

解決いたしました!

………(省略)………
  • 返信者:非公開
  • 2016/12/22 18:24
ECマスターズの田中です。

当質問にていただいたような、
画面に固定されるバナーを簡単に設置できる
「バナー設置君」を作成いたしましたので、
全体公………(省略)………
このフォーラムへの質問は終了しました