2011-02-10 1 views
0

Я пытаюсь совместить код с двумя ранее заданными ранее вопросами. 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> 

ответ

0

Я предлагаю вам использовать этот подход: http://forrst.com/posts/css3_dynamic_website_thumbnails_with_an_iframe-CGk

Вы можете переключаться между страницами, изменив атрибут ГКЗ фрейма:

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

Этот вопрос также является довольно полезным: jQuery Webpage Preview

+0

Спасибо. Я все еще настоящий новичок, когда речь заходит о JS, можете ли вы показать мне, как написать цикл, который изменяет атрибут src iframe? – dw03

+0

Вы имеете в виду «петлю», как в цикле «для»? Или пользователь нажимает кнопку, и вы переключаете все миниатюры iframe на новый «src»? – Shakakai

+0

Ничего, я понял. Я думаю, что мне придется использовать оригинальный метод масштабирования, потому что тот, который вы опубликовали, не работает с IE8. – dw03