Yahoo イベント告知君　リサイズに関するご質問

Question

いつもお世話になっております。

Yahooショッピングのトップページに掲出しておりますイベント告知君に関して、ご相談させてください。
添付画像のように、イベント告知君が若干切れてしまうのですが、どこを変更すれば全体がきれいに掲出されますでしょうか。ご教授願います。






$(function(){
$('#ypoint_box').css({
transformOrigin: "0 0",
transform: "scale(" + Math.floor( window.innerWidth / 510 * 1000 ) / 1000 + ")"
});
});



###HR######IMG0187d18c5e192a353adcc1316c78048a2.pngIMG0###

Answer

ECマスターズの田中です。

＞どこを変更すれば全体がきれいに掲出されますでしょうか。

タグに２点、変更をお願いします。

あくまでも横幅510ピクセルで表示しているタグを
画面幅に収める仕組みとなっておりますので、
width="100%"
を
width="510"
にご変更ください。

また、JavaScriptの動作対象となりますように、
id="ypoint_box"
上記属性の追記をお願いします。

Answer

ありがとうございました。

添付ご確認ください。ちょっと切れてしまっています(泣）
もう一声いきたいところです。

500でも試しましたが同じでした。
ご教授願います。###HR######IMG0d92c65d778b8921f4bc4bbbb7dd22c68.pngIMG0######BR###

Answer

ECマスターズの田中です。

＞ちょっと切れてしまっています(泣）

それでは、

の「14.7」を、

に、足りなければ

といったように、若干増やして、表示をご確認いただけますでしょうか。

Answer

ご助言いただいた通りやってみましたが、ダメでした。
最初の1枚だけくっきり出て、2枚目のスライドからは文字が少し隠れてしまいます。

再度ご確認いただけないでしょうか。
何卒よろしくお願いいたします。

Answer

ECマスターズの田中です。

失礼いたしました、
実際の動作を確認すると、
確かに、バナーが動いた途端に、文字の部分だけ縮小されなくなるようですので、
お手数をおかけしますが、
予め、スタイルシートで文字を縮小していただけますでしょうか。

縮小する具体的な方法ですが、
下記内容をメモ帳に貼り付けていただき、

= この下の行から ====================
#slider > div {
    line-height: 7px;
    font-size: 7px;
}
= この上の行まで ====================

「custom_scroll.css」という名前で保存していただき、
Yahoo!トリプルの「ypoint_box」フォルダに
アップロードしていただきますようお願いします。

Answer

直りました！サスガです！
ありがとうございました。

Yahoo イベント告知君 リサイズに関するご質問

Yahoo イベント告知君　リサイズに関するご質問