即使通過開發人員工具，圖像也拒絕調整大小？

Question

我試圖自定義一個燈箱腳本（原型），使其調整大於視口的圖像。我已經成功地插入了概念的基本證明來調整lightbox疊加層和屬於它的所有內容，除了一個重要的細節：圖像本身不會調整大小。

我試着在燈箱腳本的不同功能中添加調整大小功能（this.lightboxImage.writeAttribute('width', newWidth)，其中newWidth是計算的新寬度），但沒有結果。一些更多的測試後，我設法檢查這些關閉，以確保問題不是在我的腳本：

• 的新寬度計算正確
• 圖像得到它的原始寬度（後調用該函數新的幅度設定吧）
• 寫幾本不同的屬性是所有成功

事實上，如果我運行了以後不會被覆蓋：

this.lightboxImage.writeAttribute('width', newWidth); 
alert(this.lightboxImage.readAttribute('width'); 

我得到一個提醒600（我的新寬度，從1023px寬度調整大小）。即使在HTML腳本生成它說<img src="pic.jpg" width="600" />。然後我使用了dom檢查器（無論是在Chrome還是IE9中）並試圖改變這個值，但即使這樣，圖片仍然保持原樣。

這到底是怎麼回事，我該如何解決？

Answer 1

而不是試圖改變寬度的屬性，你可以嘗試添加樣式，以使之更小，例如：

this.lightboxImage.writeAttribute("style", "width: "+newWidth+"px");