ridimensionamento delle immagini caricate da un iframe ad una dimensione prefissata

**uecanaia** · 17-05-2010, 18:03

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?

**Xinod** · 17-05-2010, 19:20

non puoi avere controllo su di un' immagine caricata nuda e cruda in un' oggetto window
puoi farlo solo se essa e' contenuta in un documento

**br1** · 17-05-2010, 19:20

Se visualizzi "nuda e cruda" un'immagine in una finestra, ovvero senza racchiuderla in una pagina html, non puoi ridimensionarla, ma dovrai accontentarti di come la gestisce il browser.

Al posto di:

document.getElementById("main").src=arrPages[i++];

usa:

document.getElementById("main").document.write('[img]'+arrPages[i++]+'[/img]');

o qualcosa di piu' evoluto che tenga conto se si tratta di sole immagini o di pagine complete

ciao

Edit: Xinod: telepatia?

**uecanaia** · 18-05-2010, 10:49

Grazie davvero per le risposte e le dritte!
Però con questa linea di comando funziona il ridimensionamento ma non fa più lo "slideshow" dei file presenti nella cartella, e non visualizza i files html
cosa posso fare?

**uecanaia** · 19-05-2010, 16:45

up

**Xinod** · 19-05-2010, 17:17

ma infatti serve qualcosa di piu' evoluto

preparati una pagina contenitore e passa l' indirizzo dell' immagine appesa all' indirizzo della pagina
se prima nell' array avevi 'immagine.jpg' ora passa 'contenitore.php?img=immagine.jpg'

se puoi usare un linguaggio lato server, come php, in contenitore.php scrivi semplicemente

codice:

<html>
<body>
[img]<?=$_GET['img']; ?>[/img]
</body>
</html>

se non puoi usare linguaggi lato server risolvi con javascript,
ma non farmi perdere tempo a scriverti come se non e' questo il caso...

Discussione: ridimensionamento delle immagini caricate da un iframe ad una dimensione prefissata

Strumenti discussione

Ricerca discussione

Visualizza

ridimensionamento delle immagini caricate da un iframe ad una dimensione prefissata

Permessi di invio