- ベストアンサー
フレームで作ったホームページがあります。デジカメでとった写真をスクロー
フレームで作ったホームページがあります。デジカメでとった写真をスクロールしなくてもそのフレーム内に収めるにはどういうプログラムにすればいいでしょうか？
- asanogawa
- お礼率28% (173/613)
- その他([技術者向] コンピューター)
- 回答数3
- ありがとう数6
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
No1です。 CSSの指定方法はあってると思いますよ。 あれからいろいろネットで調べたらこんなのがありました。 これならウィンドウサイズが変化しても縦横比を変化させることなく画像をリサイズして表示されますので、かなりウィンドウサイズを小さくしなければスクロールバーは表示されないと思います。 下のソースをコピーして一度簡単なページで表示してみてください。srcは画像を指定して下さいね。 ただフレームページで試してないので間違ってたらごめんなさい。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>タイトル</title> </head> <body> <img src="画像URL" alt="説明" width="100%" style="position:absolute; top:0; left:0; z-index:0" /> </body> </html>
その他の回答 (2)
- devilconan
- ベストアンサー率65% (21/32)
フレームページでは試してませんがスタイルシートで何とかなりませんかね？ 横幅widthをページ内１００％にしてみるとか。ただこれだけでは縦スクロールが出るかもしれませんが。 <img src="イメージ" style="width:100%;"/> 又は <img src="イメージ" style="height:100%;"/> 又は <img src="イメージ" style="width:100%; height:100%;"/> ↑縦横比がくずれるかも。 すいません間違ってたら無視して下さい＞＜
- devilconan
- ベストアンサー率65% (21/32)
JQueryを使用しますが、これならページをスクロールしなくても表示できますよ。設置が簡単なので私も使用してます。 ページはスクロールしませんが、画像は自動スクロールします。
お礼
質問の仕方が悪かったみたいです。写真は１枚だけ。スクロールしなくても というのは1枚を見るのに 下と右にあるスクロールバーをマウスで移動させないと見れないと言う意味です。 紹介していただいたサイトはちょっと違う気がしますが如何でしょう。写真のサイズを小さくすればいいのかも知れない？とも考えているのですが。
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
なかなか上手くいきませんね。ちなみにstyle="height:100%;"/> の：とか；は間違いありませんか？