Question

我正在尝试在iFrame中显示大图像。各种按钮点击动态加载图像。虽然这很好用，但由于图像很大，我需要在iFrame中显示它时动态调整大小。

有办法吗？

感谢您的帮助。

这就是我在做的事。

<iframe id="myFrame" style="width:950; height: 600px; border: 0px solid red;" src="myImage1.png"></iframe>

我需要在myImage.png上设置宽度。

Answer 1

让按钮将CSS类应用于图像，并使用CSS设置图像的尺寸。

Answer 2

将图像加载到iframe中，如下图所示，以实现调整图像大小，

function loadImage(index){
  img.src = images[index];
  var content = "<html><body><img src='"+images[index]+"' width='300' height='200'></body></html>";
  iF.contentWindow.document.open('text/html', 'replace');
  iF.contentWindow.document.write(content);
  iF.contentWindow.document.close();
}

检查他的工作情况sample我尝试使用iframe和img。

可以设置iFrame的src图像的宽度吗？

2 个答案: