img

質問

大きい画像にスクロールを表示させたいです。
<img>タグのみでスクロールを表示させる方法を探しています。

img{
display:block;
overflow:auto;
}

なんて風にやっても、<img>はブロック要素にはなりませんか？
<div>で囲えばできるんですけど。

回答No.3

k17s

自分なりに調べてみたところimgタグだけではできなさそうです。
インラインフレームで画像を開くってのはどうでしょう？
<IFRAME width="100" height="100" src="image.jpg">

お礼

やはりimgタグだけでは無理ですか・・・。
わざわざありがとうございます。

回答No.2

goldfox

なぜbodyのスクロールバーではいけないのか、なぜimg要素だけでしかいけないのかを説明したほうが、的確な回答が得られやすくなるのではないかと思うのですが、いかがでしょう。

補足

> なぜimg要素だけでしかいけないのか
理由は以下の通りです。

1. 複数の方がHTMLを書くので、画像を表示させるときの記述ルール(imgタグをdivタグでクラスを指定して囲むなど)を設定、認識させなくてはらないのは避けたい。
HTMLの知識の少ない人でも、簡単に書けるようにimgタグだけで対応できればベスト。
<img src="./sample.png">程度で済ませたい。

2. 現状で多数のHTMLファイルのソースがimgタグのみで書かれています。
これらをすべて変更するのは困難だからです。
こちらはスクリプトなどで対応できそうですが。

> なぜbodyのスクロールバーではいけないのか
ヘッダ、サイドバー、コンテンツ、フッタ、というよくある構成においてです。
bodyのスクロールバーは試していませんが、コンテンツエリア全体のスクロールバーは試しました。
この場合、横長の画像などを表示させた場合に、スクロールは発生します。
しかし、コンテンツのエリアは縦に無制限なため、縦長のページだった場合に、ブラウザ全体の縦スクロールを一番下まで表示させないと、上記のコンテンツの横スクロールを操作(表示)できないということです。

文章で説明すると難しいので、うまく伝わっているかわかりませんが、そんなところです。

回答No.1

noname#150436

イメージタグ
<img src="×××.gif">

画像をスクロールさせる
http://iswebmag.hp.infoseek.co.jp/sample186.html

お礼

> <img>タグのみでスクロールを表示させる方法を探しています。
回答していただいて申し訳ないのですが、<img>タグのみでの対応を探しています。

しかし、こんなタグもあるんですね。
勉強になりました。

回答ありがとうございます。