iframe에서 순환 게재 된 웹 페이지를 순환 시키시겠습니까?

이전에 여기에서 질문했던 두 가지 질문의 코드를 결합하려고합니다. How can I cycle through pages?이 코드를 사용하여 웹 페이지를 통해 키오스크 및 순환을 생성하고 싶습니다. 또한 How can I scale the content of an iframe?을 사용하여 iframe의 내용을 크기를 조정하려고합니다. 이상적으로는 각 페이지를 다른 요인으로 크기를 조정하고 싶지만 가능하지 않으면 정적 값을 사용합니다. 참고로 페이지를 자동으로 특정 화면 해상도로 확장 할 수 있습니까? 아니면 이상적인 이미지를 찾을 때까지 계속 노력해야합니까? 감사합니다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>

출처

2011-02-10 dw03

나는이 방법을 사용하는 것이 좋습니다 것 : http://forrst.com/posts/css3_dynamic_website_thumbnails_with_an_iframe-CGk

할 수 있습니다 iframe이의 src 속성을 변경하여 페이지를 통해주기 :

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

이 질문도 꽤 유용를 : jQuery Webpage Preview

출처

2011-02-10 17:19:37 Shakakai

감사합니다. JS에 관해서는 아직 진짜 초보자입니다. iframe의 src 속성을 변경하는 루프를 작성하는 방법을 보여줄 수 있습니까? – dw03

"for"루프와 같이 "loop"를 의미합니까? 또는 사용자가 버튼을 클릭하고 새로운 "src"에 대해 모든 iframe 축소판을 전환합니다. – Shakakai

신경 쓰지 마, 알아 냈어. 내가 게시 한 IE8에서 작동하지 않기 때문에 원래 크기 조정 방법을 사용해야 할 것 같습니다. – dw03

iframe에서 순환 게재 된 웹 페이지를 순환 시키시겠습니까?

답변

관련 문제