Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iframe中循环缩放的网页?_Javascript_Html_Iframe_Scale - Fatal编程技术网

Javascript 在iframe中循环缩放的网页?

Javascript 在iframe中循环缩放的网页?,javascript,html,iframe,scale,Javascript,Html,Iframe,Scale,我正试图结合前面在这里提出的两个问题的代码。我想用这段代码来创建一个信息亭并循环浏览网页。我还想用它来缩放iframe的内容。理想情况下,我希望通过不同的因子缩放每个页面,但如果这不可能,那么我将使用静态值。另一方面,是否有可能自动将页面缩放到某个屏幕分辨率,或者我是否必须不断尝试各种因素,直到找到理想的因素?谢谢 <style> #wrap { width: 1390px; height: 690px; padding: 0; overflow: hidden; } #frame

我正试图结合前面在这里提出的两个问题的代码。我想用这段代码来创建一个信息亭并循环浏览网页。我还想用它来缩放iframe的内容。理想情况下,我希望通过不同的因子缩放每个页面,但如果这不可能,那么我将使用静态值。另一方面,是否有可能自动将页面缩放到某个屏幕分辨率,或者我是否必须不断尝试各种因素,直到找到理想的因素?谢谢

<style>
#wrap { width: 1390px; height: 690px; padding: 0; overflow: hidden; }
#frame { width: 1390px; height: 690px; border: 0px solid black; }
#frame { zoom: 2; -moz-transform: scale(2); -moz-transform-origin: 0 0; }
</style>
<script type="text/javascript">
    var frames = Array('http://www.google.com, 5,
                       'http://www.yahoo.com', 5,
                       'http://www.ebay.com', 5);

var i = 0, len = frames.length;
function ChangeSrc()
{
if (i >= len) { i = 0; }
  document.getElementById('frame').src = frames[i++];
  setTimeout('ChangeSrc()', (frames[i++]*1000));
}
window.onload = ChangeSrc;
</script>
</head>

<body>
<div id="wrap">
    <iframe src="" id="frame" scrolling="no" frameborder="0"></iframe>
</div>
</body>
</html>

#换行{宽度:1390px;高度:690px;填充:0;溢出:隐藏;}
#帧{宽度:1390px;高度:690px;边框:0px纯黑色;}
#帧{缩放:2;-moz变换:缩放(2);-moz变换原点:0;}
变量帧=数组('http://www.google.com5.
'http://www.yahoo.com', 5,
'http://www.ebay.com', 5);
var i=0,len=frames.length;
函数ChangeSrc()
{
如果(i>=len){i=0;}
document.getElementById('frame').src=frames[i++];
setTimeout('ChangeSrc()',(frames[i++]*1000));
}
window.onload=ChangeSrc;

我建议您使用以下方法:

通过更改iframe的src属性,可以循环浏览页面:

document.getElementById('myIframe').src = 'newPage.html';

这个问题也很有用:

谢谢。说到JS,我还是一个真正的新手,你能告诉我如何编写一个循环来更改iframe的src属性吗?你是说“循环”就像“for”循环一样吗?或者用户点击一个按钮,然后你将所有的iframe缩略图切换到一个新的“src”?不管怎样,我想出来了。我想我必须使用原始的缩放方法,因为你发布的方法不适用于IE8。是的,你可以调整“.tab iframe”的缩放属性:-webkit transform,-moz transform,transformHm…所以使用静态缩放值效果不太好,因为页面大小相差很大。有没有办法动态缩放到固定分辨率?我不介意它是否伸展。谢谢