Newsgroup: it.comp.www.html
Titolo: [AIUTO] Finestra dimensioni giuste

Ciao a tutti,
devo realizzare una galleria di foto, dalla quale cliccando sul thumbnail si
apre una finestra con la foto ingrandita.
Vorrei però che questa finestra avesse esattamente le dimensioni della foto
e non avesse le barre degli strumenti... come si può realizzare?
Grazie, David.

 ha scritto nel messaggio
news:Ui_G9.51633$2B1.1...@twister2.libero.it...

Se il tuo server ha installato php puoi controllare la dimensione
dell'immagine con la funzione getimagesize (vedi 
http://it.php.net
).
Non so se si possa fare anche in asp.
Una volta che sai la dimensione dell'immagine inserisci i relativi valori
come valori da dare alla finestra che vuoi aprire (usando javascript).
Ciao
Max

, 
vias...@despammed.com
 says...

Bè per aprire una finestrella di dimensioni predefinite, con o senza 
barre, devi usare un javascript, ne trovi a bizzeffe con il nome "Popup", 
sui soliti siti.
Però la lanci con le dimensioni che vuoi. Per far sì, invece, che si 
autoridimensioni al pieno delle immagini, non saprei, forse si può anche 
fare, sempre in javascript dico. Prova a cercare in giro, tipo 
jsdir.it
.
In ogni caso, circa cosa lanciare, hai 3 possibilità:
- lanci direttamente l'immagine (sconsigliabile; certi OS, come certi 
MacOs, ti scaricano l'immagine anzichè aprirla come una pagina)
- fare una html per ogni immagine (se ne hai tante, è da spararsi)
- lanciare sempre la stessa pagina, con una variabile 
in querystring "pagina.html?immagine=1.jpg" che contiene il nome file 
dell'immagine, e poi questa carica l'immagine indicata nella variabile 
stessa. Lo puoi fare anche in javascript.

 come valori da dare alla finestra che vuoi aprire (usando javascript).
Non fai prima a prendere anche le dimensioni dell'immagine con javascript?
MaRoK

 Non fai prima a prendere anche le dimensioni dell'immagine con javascript?
Non sapevo che si potesse fare!
Ciao
Max

> Non fai prima a prendere anche le dimensioni dell'immagine con javascript?
Io ho trovato solo uno script per il quale però va creata una pagina per
foto, appunto specificando le dimensioni, e l'immagine è settata come sfondo
della pagina.
Qualcosa di meglio... dove?
Grazie, David.


Beh... il ng giusto sarebbe it.comp.lang.javascript,
io non so moltissimo di questo bel linguaggio,
cmq la strategia che devi adottare è qualcosa del genere:
- apri una finestra di dimensioni CASUALI (=non specificate) con window.open
- ci scrivi dentro che, su onload, la finestra deve fare resize al minimo
  tra lo schermo dell'utente e le dimensioni dell'immagine e, qualora
  il contenuto sia più grande della finestra, devono comparire le scrollbars.
Ora non ho tempo di farti tutto lo script,
cmq, tanto per darti un'idea, è qualcosa del genere:
<script type="text/javascript">
<!--
function openpic(figura)
 {
 azz = new Image;
 azz.src = figura;
// questo va tutto sulla stessa riga
 contenuto = '<html>\n<head>\n<title>Immagine</'+'title>\n</'+'head>\n<body left'+'margin=0 margin'+'width=0 topmar'+'gin=0
margin'+'height=0>\n<center><img src="'+figura+'" border=0 name=imageTest
onLoad="window.resizeTo(document.imageTest.width+11,document.imageTest.height+32)"></'+'center>\n</'+'body>\n</'+'html>';
// fine riga
 popup = window.open('','_blank','toolbar=0,location=0,directories=0,menuBar=0,scrollbars=0,resizable=0,left=0,top=0');}
 popup.document.open();
 popup.document.write(contenuto);
 popup.document.close()
 };
// -->
</script>
</head>
<body>
<a href="javascript:openpic('latuafoto.jpg')">
clicca qui</a><br>
Non so se già così funziona, è solo una traccia...
probabilmente va corretto, e devi aggiungere il controllo sullo schermo e sulle scrollbars...
MaRoK

 Non sapevo che si potesse fare!
Sě, devi solo assegnare un nome all'immagine,
(es: name=imageTest)
poi puoi richiamare document.imageTest.width ecc...
Mi sembra funzioni anche su Netscape4...
MaRoK

[ViaSegre.com]  ha scritto

<script type="text/javascript">
function visualizza(img){
view=window.open('','','toolbar=0,location=0,directories=0,status=0,menubar=0,sc
rollbars=0,resizable=0,width=200,height=200')
view.document.write('<script type="text/javascript">')
view.document.write('image = new Image();')
view.document.write('image.src = "' + img + '";')
view.document.write('function imposta(){')
view.document.write('h = image.height;')
view.document.write('w = image.width;')
view.document.write('self.resizeTo(w+10,h+29);')
view.document.write('image.src = ' + img + '; }')
view.document.write('</script>')
view.document.write('<html><head><title>' + img + '</title>')
view.document.write('<style
type="text/css">body{margin:0px;padding:0px;}</style></head><body>')
view.document.write('<img src="' + img + '" alt="zoom" onload="imposta();"
/></body></html>')
}
</script>
<a href="javascript:visualizza('foto.jpg')"><img src="foto.jpg" alt="zoom"
/></a>
--
visuddhi { info(at)
visuddhi.com
 }
if it is to be, it is up to me { 
www.visuddhi.com
 }


Vediti il source code di
http://www.marinopallavolo.it/newsite/squadre/index.html
penso sia propio quello che fa per te.
Matteo