質問: 左右にある動くバナーの作り方を教えてください。 いつもお世話になっております。先日頂いたメールの内容は大変参考になりました。重宝しております。ありがとうございました。質問なのですが、下記の有名ショップの左右の動くバナーを参考に、何か作ってみたいと思うのですがタグが分かりません。教えて頂けると幸いです。よろしくお願い申し上げます。http://www.rakuten.ne.jp/gold/luire/top/
回答: ecマスターズの田中です。>あと、バナーサイズももう少し小さくしたいのですが・・。htmlタグにて、表示させたい画像サイズを指定してください。例)↓または、下記urlで紹介されている楽天の機能で、縮小画像を作成してください。https://www.s-oj.com/ec-business/photoshop-rakuten/例)http://image.rakuten.co.jp/shop-url/cabinet/2014design/get001.jpg↓http://thumbnail.image.rakuten.co.jp/@0_mall/auroraweb/cabinet/2014design/get001.jpg?_ex=230x230通信量が少なくなるので、後者をオススメします。併用していただいても結構です。>ですが、10%くらいしか格納できません。手本のショップみたいに>90%ほど格納させたいのですが、どこを操作すればいいですか?まずは画像を縮小していただいた後に、格納させる量を決めていただいて、いただいたソースの9行目、元のソースで「画像の隠したい部分の長さ」としているleft: -400px; の値を調整してください。>格納は解決いたしましたが、left の設定にすると何故か動かなくなります。>どの辺が悪いのでしょうか?格納した状態の位置は、先述の通りソースの9行目で、表示された状態の位置は、ソースの18行目であるright: 0px;で示しております。そのため、9行目と18行目を合わせる、つまり18行目をleft: 0px;とする必要がありますので、ご変更をお願いします。