こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

ブログスキンの画像サイズ制限方法について

ある自社運営のブログの管理・運営をしています。
ブログ自体はドリコムからパッケージで購入したものですので、
プログラムには手を加えることはできません。

という状況の中で、
ブログスキンのデザインをすることになりました。
htmlの3種のテンプレートとCSSをマニュアル通りに作成し
アップするだけの簡単なものなのですが・・

1つ問題がありまして、
ブログユーザーがアップする画像がいくら大きくても
アップ時には自動的に縮小されないため、
(元々のプログラムがそういうもの)
スキンデザインが大幅に崩れてしまうのです。
表示枠はCSSで調整できますが、
画像を小さくするわけでは無い為、画像の一部が切れてしまいます。

ドリコムに相談したところ、
プログラムは修正できないので、それぞれのテンプレートの中にjavascriptで表示画像サイズを調整してほしいという答えでした。
どう書きこめばいいのかは教えてもらえず、困っています。

画像が大きいままアップされてしまうブログなんてあるでしょうか?
どなたかご存知の方いらっしゃいましたら、よろしくお願いします。

投稿日時 - 2007-06-12 18:07:36

QNo.3078858

すぐに回答ほしいです

質問者が選んだベストアンサー

そのパッケージ販売会社の方に(javascriptだけでも)なんとかしてもらうのが筋の気もしますが…

とりあえずサンプル。
<script type="text/javascript">
function imgResize(Img){
var maxH = 200;//制限したい最大高
var maxW = 200;//制限したい最大幅
if(Img.height > maxH || Img.width > maxW) {
var HH = maxH / Img.height;
var WW = maxW / Img.width;
if(WW < HH) Img.width = Img.width * WW;
else Img.height = Img.height * HH;
}
}
</script>

あとは、サイズ変更したいimgに
<img ~~ onload="imgResize(this)">
と、onloadを付ける。

投稿日時 - 2007-06-12 18:57:10

お礼

ご親切なご回答を頂き、ありがとうございます。

早速試してみたのですが、
テンプレート上にはimgが存在せず、
ブログの記事の表示部分は{BlogEntryBody$}とあるだけで、
多分、他のファイルを読み込んでいると思いますが、
そこはやはり手を加えることができない部分になっていまして、
そこを変更するなら保守外だから別料金・・になってしまうらしいのです。

諦めるしかないかな・・と思います。
ありがとうございました。

投稿日時 - 2007-06-13 12:04:55

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

#1です。
HTMLの構成に依存するので、実物をみないとサンプルは書けませんが
処理をする画像<img>を特定できるのならなんとかなります。
例えば、id="ABC" のボックス内の全ての<img> 、とか。
全てのclass="ABC"のボックス内の全ての<img>、とか。

また、javascript以外では
IEでは7以降ですが、CSSのmax-height、max-widthというプロパティを
セレクタを工夫してimgに適用すれば画像の縮小も可能です。

投稿日時 - 2007-06-13 14:31:02

お礼

ご親切にありがとうございます。
今の私の技術では難しいようですので、
後日、再度挑戦したいと思います。。

投稿日時 - 2007-06-25 10:57:45

あなたにオススメの質問