內部的iframe

造型圖像I具有一個iframe內部的圖像通過設置的iframe src屬性：內部的iframe

<iframe src="path/to/my/image.jpg" class="myclass"></iframe>

iframe的具有固定的高度和寬度。我想要該圖像的寬度來填充iframe，但其高度將保持與寬度成比例，以便用戶可以向下滾動iframe以查看圖像的其餘部分。
我該怎麼做？
編輯：JSFiddle鏈接http://jsfiddle.net/2LExA/

來源

2013-02-26 DarrenVortex

你的jsfiddle呢？ – abbood 2013-02-26 06:19:33

我刪除了我的答案，沒有意識到它是一個圖像。無論哪種方式，如果您使用的是屬於您的圖片，爲什麼要使用iframe？ – 2013-02-26 06:21:11

因爲我不想顯示完整的圖像。我希望它顯示在用戶可以滾動的嵌入框架中。 – DarrenVortex 2013-02-26 23:58:57

您使用iframe主要是爲了顯示一個單獨的html頁面，其中將包含圖像。因此，您將使用該頁面的CSS來設置圖像的樣式。您可以使用CSS來設置iframe的寬度，但不使用其內容。

你的另一種選擇是將圖像放在一個div中，並設置圖像相對於該div的樣式。

HTML

<div><img src="yourimg" /></div>

CSS

div{width:600px;height:300px;} 
img{width:50%;}

來源

2013-02-26 06:41:16 lukeocom

將iframe動態加載到頁面中，併爲每個iframe使用不同的src值。 – DarrenVortex 2013-02-26 16:34:37

我解決它通過設置SRC到名爲show_image.php一個PHP頁面，然後通過圖像URL作爲查詢字符串。在頁面中，我放下了一個img，並將其src設置爲傳遞的查詢字符串，並將其寬度樣式設置爲100％。這樣做有訣竅，這要歸功於您使用另一頁圖像的提示。 +1，但我會發布自己的答案，因爲這不完整。 – DarrenVortex 2013-02-26 23:53:11

我的iframe的src設置爲一個名爲頁面show_image.php並通過圖像URL作爲查詢字符串：

<iframe src="show_image.php?src=path/to/image.jpg" class="foobar"></iframe>

然後在show_image.php，我放棄了一個與IMG SRC其設置爲查詢字符串和寬度爲100％：

<img src="<?php echo $_GET['src']; ?>" style="width:100%" />

完成！感謝lukeocom的提示，我應該把圖像放在一個單獨的頁面中。

來源

2013-02-26 23:57:31 DarrenVortex

好的建議，謝謝。 – skwidbreth 2016-05-19 20:35:41

回答

相關問題