- ベストアンサー
iframe 内の画像を自動縮小させない方法
Heuchlerの回答
- Heuchler
- ベストアンサー率80% (4/5)
例に挙げられたのは、フレームを100x100サイズに指定してフレームサイズをユーザーが変更できないようにし フレーム内に**.jpgを表示するという記述ですが(resizeの初期値はnoneです) これは原寸表示ではないのですか？スクロールで全体見れますよね？ フレームサイズを変更させないようにして、フレームサイズより大きい画像を表示しますと画像の一部分だけが表示されます やりたいことがいまいち伝わりません imgタグで画像サイズを指定するだとかしないと縮小はされないと思いますが フレームサイズを画像サイズに合わせたいということでしょうか？
関連するQ&A
- iframeの透過
フレーム内の背景が透けて見えるようにpng画像を使用したのですがIEでは全く透過されません（firefoxではうまく透過されます） 出来ればIE6以上で透過できるようにしたいのですがどなたか分かる方みえないでしょうか？ <td height="308" colspan="8" background="背景画像.jpg"><iframe src="フレーム画像.png" width="530" height="268" scrolling="yes" frameborder="0" style=" background-color:allowTrdansparency="true"></iframe></td>
- 締切済み
- HTML
- <iframe>で読み込むページの高さを自動取得して、heigthに代入
一つ大きなフレームを <iframe name="disp" src = "" height=1000 width=1000 frameborder=0 scrolling=auto></iframe> とおいて、同一ページ内から<a href="test.html" target=disp> として、test.htmlが空白ページの<iframe>内に表示させるようにしたいのですがその都度、読み込むページの高さを自動取得して、heightとして自動的に適切な高さに変換するということはできいないでしょうか？
- ベストアンサー
- HTML
- <iframe 内のスクロール
<iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます)
- 締切済み
- JavaScript
- iframeについて教えてください。
ページ数が多く、一部変更するのにかなりの時間を要するので、ページ内のとある部分をフレーム対応に変更しました。 いろんなweb講座のページを見てそれらしきものを書き、一応見た目上は機能しているのですが、ちゃんとした意味がわからないので、詳しく知ってる方がいたら教えてください。 ■私が書いたもの <ILAYER CLIP="0,0,160,600" HEIGHT="600" WIDTH="160"> <LAYER HEIGHT="600" WIDTH="160" SRC="../etc/ad-love.htm"> <iframe src="../etc/info.html" name="sample" width="160" height="600" frameborder="0" scrolling=no> この部分はインラインフレームを使用しています。 </iframe> </LAYER> </LAYER> ◆縦600、横160というのを3回も書いてますが、こんなに必要なんでしょうか？本当は省略できるのに意味のない記述をしてるんでしょうか。 ◆この3回出てくる600,と300はすべて同じ部分をあらわしていますか？ 例えば一番最初のはフレーム全体、次のはフレームの中の部分をあらわす、などのように微妙な違いがあるんでしょうか？ わかりづらくてすみません。よろしくお願いします。
- ベストアンサー
- JavaScript
- HTMLの画像のリンクについて
ページ内にインラインフレームを作成し画像サムネイルをクリックするとフレーム内に表示するという感じにしたいのですが、フレームサイズを500×500にしたので、このサイズを超える画像を表示するとページのスタイルが崩れてしまいます。元画像のリサイズをせずに表示させる方法はないでしょうか？ 構造は以下のようになってます。 <html> <head> <title>photo</title> </head> <body BGCOLOR="007777"> <br><br> <iframe NAME="photo" WIDTH="500" HEIGHT="500" FRAMEBORDER="0" ALIGN="right"></iframe> <br><br><br> <p> <a HREF="gazou1.jpg" TARGET="photo"><IMG SRC="gazou1.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> <a HREF="gazou2.jpg" STYLE=""><IMG SRC="gazou2.jpg" ALT="" WIDTH="50" HEIGHT="50" BORDER="0"></a> </body>
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSでの画像の自動縮小について
あるホームページを作成しているのですが、ブラウザを縮小した時、画像を自動で縮小したいのですがうまくいきません。 テーブルのレイアウトを崩したくないので、幅は固定したまま、かつ画像はブラウザサイズによって自動縮小にするようにしたいのですが、どうやってもうまくいきません。 ソースコードは下の通りです。 やはり、フレームレイアウト（waku）と、テーブルの幅を可変（パーセント表示）にしないと、画像の伸縮は難しいのでしょうか。 ＊＊＊＊ HTML部分（CSSは外部） ＊＊＊＊＊ <body> <div id="waku"> <div id="a"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> <tr> <td> <div id="b"> 画像の説明 <img src="01.jpg"> </div> </td> </tr> </table> </div> <div id="c"> <table border="1" width="100%"> <tr> <td>ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ</td> </tr> </table> </div> </div> </body> ＊＊＊＊ style.css(CSS部分) ＊＊＊＊＊ #waku { width:900px; border: 1px solid #000; } #a { width:800px; } #b img { max-width: 600px important!; width: 100% important!; max-height: 300px important!; height: 100% important!; } #c { width:800px; }
- ベストアンサー
- HTML
- iframeにリンクを貼る
<iframe src="qqq.gif" height="1５0" width="356" align="left" frameborder="0" scrolling="no" marginheight="1" name="tv" > この部分はiframe表示です </iframe> にURLを指定してリンクを張りたいのですが、どうしたらいいですか？
- 締切済み
- HTML
- スタイルシートでフレーム枠を隙間なくピタリとつける。
よろしくおねがいします。 http://www.sonzai.net/test/test.html 参考URL↑ 中央に<iframe>を置き、それを囲むようにフレームを設置したいのですが、 下辺だけ微妙に離れてしまいます。 【HTML】 <div id="subnavibar"> <p><img src="images/top/event.png" width="220" height="50" /></p> <img src="images/top/event.png" width="10" height="300" /><iframe src="a.html" width="200px" height="300px" scrolling="yes" frameborder="0" name="side"></iframe><img src="images/top/event.png" width="10" height="300" /> <p><img src="images/top/event.png" width="220" height="20" /></p> </div> 【css】 #subnavibar { width: 240px; float: left; background-color: #ffffff; height: 100%; } 原因としては、何があるでしょうか？
- ベストアンサー
- HTML
- あるサイトにiframeが効かない
iframeを指定しても全体に表示されてしまう。urlをyahooなどに変えれば出来ているのでコーディングは大丈夫だと思います。 iframeが効かないサイト（ここでは書けませんが）があるのですが、なにか工夫をすれば、できる様になるのでしょうか。 それともiframeが効かないように意図的にサイトの方で調整されているものなのでしょうか。 宜しくお願いします。 コーディング例） <iframe src="http://www.yahoo.co.jp/" height=500 width=1000 frameborder=1 scrolling=auto></iframe>
- ベストアンサー
- HTML
補足
ご回答ありがとうございます。 画像の一部分だけを紙芝居のように見せるために フレームのサイズを限定しています。 通信速度の遅いユーザーには子供ページを表示させると 画像の描画がかなり遅れてしまうため img tag を使わずに、 iframe src から直接に画像を読ませるように 意図的にこのような工夫をしています。 resize が IE では無効であることを確認しましたので 代わりの方法をお教えいただけますよう よろしくお願いいたします。