イベント告知君のサイズ変更

Question

いつもお世話になっております

イベント告知君のタグの
　
の中からwidthやheightの数字をいじっても画像のサイズは変わらず外枠のみが大きくなってしまいます。
解決方法をお教えいただきたいです

Answer

ECマスターズの田中です。

横スクロール型のイベント告知君は、
サイズを変更することができないのですが、
CSS3を使うことで、
イベント告知君全体を拡大（縮小）して表示することができます。

widthおよびheight属性を元の値（それぞれ510、75）に戻していただいた上で、
以下の方法をお試しください。
（各CSSの指定は、外部CSSファイルをご利用いただいても結構です）


1. イベント告知君用のタグに、下記CSSの指定を加える。

====== この下の行から ==========
-o-transform: scale(変倍率);
-webkit-transform: scale(変倍率);
-moz-transform: scale(変倍率);
-ms-transform: scale(変倍率);
transform: scale(変倍率);
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
====== この上の行まで ==========
変倍率には、イベント告知君を拡大（縮小）する倍率を、小数でご記入ください。
高さ75ピクセル→120ピクセルへ拡大する場合、1.6となります。

2. 同タグを、タグで囲む。

3. 2.のタグに、下記CSSの指定を加える。

====== この下の行から ==========
overflow: hidden;
width: 表示領域の横幅px;
height: 表示領域の縦幅px;
====== この上の行まで ==========
表示領域の横幅、表示領域の縦幅は、実際の値を半角数字でご記入ください。


たとえば、横816ピクセル、縦120ピクセルに拡大する場合は、
既存のタグを下記のようにご変更ください。




↓





※イベント告知君URLは、実際のURLに置き換えてご利用ください。