Buongiorno. Ho uno script che crea una "slideshow continua" di file (immagini o file html) il cui indirizzo è inserito in un determinato array ( arrpages):

<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
var i=0;
var arrPages=["indirizzoPagina1","indirizzoPagina2","indirizzoPa ginaN"];
function changePage(){
if(!arrPages[i]) i=0;
document.getElementById("main").src=arrPages[i++];
}
</script>
</head>
<body>
<iframe src="about:blank" onload="setTimeout('changePage()',10000)" id="main" >
</iframe>
</body>
</html>

Io devo fare in modo che le immagini visualizzate nella rotazione siano ridimensionate ad un valore di width=588 ed height=680. Ho provato ad aggiungendo queste righe nella function changePage dello script:

document.getElementById("main").style.width = 588;
document.getElementById("main").style.height = 680;
main.moveTo (0,0)
main.resizeTo (588,680);

ma anche se ottengo una finestra delle dimensioni prefissate, le immagini non vengono ridimensionate, si limitano ad apparire le barre di scorrimento.
Come posso fare per adattare le immagini caricate dallo script alle dimensioni prefissate?