即使通过开发人员工具，图像也拒绝调整大小？

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");