人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

大きな画像をウェブページで一片を最大650pxに自動縮小して表示できるようにしたいのですが,どう記述すれば良いのでしょうか?「max-width」を指定すれば良いのでしょうか?

1223345285
●拡大する

●質問者: ¥・ω・do
●カテゴリ:インターネット ウェブ制作
✍キーワード:MAX ウェブページ 画像 自動 記述
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● atmarkbienna
●27ポイント

(画像を強制的に縦横650PXに変換して表示)

みたいなのとは違うんですか?

http://www1.hatena


2 ● atmarkbienna
●27ポイント

すいません。HTMLタグを直書きしたのでちゃんと表示されてないみたいです。

<img src="" style="width:650px;height:650px;" />

のミスです。

◎質問者からの返答

そういうのじゃないんです

説明が下手ですみません

自分のサイトで画像をランダムに表示される「フォト・ギャラリー」的なページが有りまして

そのページは5秒ごとに次の画像が表示されるようになってるんです

ただ

このページの短所が

大きな画像だと上下にスクロールしないと

画像全体が見えない点なんです

ですので

自動的に画像が650px以内に縮小されれば

スクロールの必要が無くなるかと

はてなダイアリーではフォトライフ画像の横幅が自動縮小されるようになってます

それと同じようなものですが

CSSの記述方法が良く分からないのです

本文幅が固定されているデザインテーマで、大きな画像が貼り付けられた場合はサイズを自動縮小するようになりました - はてなダイアリー日記

http://d.hatena.ne.jp/hatenadiary/20080717/1216286525


3 ● harasima
●26ポイント

そちらのフォトライフ画像と同じ条件であれば、はてなのスクリプトが参考になるかと思いますが、それでは駄目なのでしょうか?


ソースを辿ってみると、

DIV.main DIV.section IMG.hatena-fotolife {
max-width: 517px
}

<SCRIPT src="/js/max_width_fotolife.js" type=text/javascript></SCRIPT>

とあって、http://d.hatena.ne.jp/js/max_width_fotolife.js に本体スクリプトがあります。

(max-width はIEでは使えないようです)

◎質問者からの返答

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ