Autore |
Discussione  |
|
paipy
Senior Member
   
Città: Borgomanero (NO)
145 Messaggi |
Inserito il - 02/11/2009 : 10:05:07
|
ho bisogno una piccola dritta: ho un'immagine su web di dimensione 1600X1200, ora, questa immagine la voglio visualizzare in una pagina web con la dimensione di 640X480, ma cliccando sull'immagine sessa, vorrei far aprire una pagina che visualizza la foto in misura 1024X768.
ora la formula html per visualizzare la foto 640X768 nella pagina web che però da la possibilità cliccandoci sopra di aprire una nuova finestra con le dimensioni originali dell'immagine è la seguente:
<A HREF="nome_foto"> <IMG SRC="nome_foto" WIDTH="640" HEIGHT="768"></A>
cos'è che devo aggiungere quindi per aver un'immagine di 1024X768 nella finestra che si apre?
Sicuramente cercando su web la soluzione c'è, e sicuramente è pure semplice, solo che sono un pò incasinato oggi, e magari qualcuno mi risparmia la ricerca.
grazie
paipy
|
Modificato da - paipy in Data 02/11/2009 14:55:46
|
|
Yves
Moderatore
    

Città: Buenos Aires
6097 Messaggi |
Inserito il - 02/11/2009 : 20:07:26
|
Una precisazione, l'immagine in questione la puoi far apparire in qualsiasi rapporto "pixel", basta li imposti in questa forma: IMG SRC="nome_foto" width="XXX" height="XXX" e questo lo sai visto che lo hai descritto, ora però devi capire il "rapporto" altezza / larghezza, cioè se non li rispetti potresti farmi apparire la Cucinotta come una nana grassona o una gigante anoressica, mica simpatico, ti odierei .
Altro problema è il "peso", se possibile carica l'immagine sul server in due forme, con un editor (serio) di immagini (Gimp va benissimo) riduci le dimensione, nel tuo caso l'immagine di partenza è 1600x1200, sulla pagina di "preview" la vorresti "larga" sono 640 pixel, quindi il rapporto è: 1600/640=2,5 1200/2,5=480 quindi i valori sono 640x480, in questo modo non la deformi, se ne crei una di quelle dimensioni è anche meglio perchè è più leggera, ora per farla aprire nel formato che ti interessa basta inserire nella pagina che si apre i giusti valori, sempre in rapporto all'immagine stessa, quindi: 1600/1024=1,5625 1200/1,5625=768 e quindi la "stringa" dovrà contenere i suddetti valori. Pagina di "preview": IMG SRC="nome_foto" width="480" height="640" Pagina della foto se selezionata: IMG SRC="nome_foto" width="768" height="1024"
Se tu crei le immagini di quelle dimensioni (image1_small.gif / image1_big.gif) e fai caricare le rispettive ad ogni pagina saranno più leggere ed i visitatori con connessioni lente e / o saltellanti (..[.com]e la mia ) ringrazieranno 
Edit: ho avuto un dubbio e son tornato a controllare, infatti era un "dubbio fondato" 
Nell'esempio del link che poni tu: <A HREF="nome_foto"> <IMG SRC="nome_foto" width="480" height="640"></A> non richiami una "pagina" ma direttamente l'immagine (almeno sembra), quindi li non ci sono trucchi, appare nelle sue dimensioni reali, cioè non puoi impostare "dimensioni".
Per farlo devi richiamare una pagina html che contenga l'immagine e con i dovuti attributi, cioè, pagina "menu": <A HREF="immagine_big.html"> <IMG SRC="immagine_small.gif" width="480" height="640"></A> e quindi la pagina richiamata ("immagine_big.html") contiene: <IMG SRC="immagine_big.gif" width="768" height="1024"> puoi giocherellarci su con i "css" per tirar via le varie parti inutili della pagina (menu, ecc.) e per i colori di sfondo e pure ridurla alle dimensioni dell'immagine, ma questo è opzionale, la questione è che in questa maniera raggiungi lo scopo.
Ciao. |
Modificato da - Yves in data 03/11/2009 05:21:16 |
 |
|
paipy
Senior Member
   
Città: Borgomanero (NO)
145 Messaggi |
Inserito il - 03/11/2009 : 18:29:34
|
Citazione: Messaggio inserito da Yves
Una precisazione, l'immagine in questione la puoi far apparire in qualsiasi rapporto "pixel", basta li imposti in questa forma: IMG SRC="nome_foto" width="XXX:XXX" e questo lo sai visto che lo hai descritto, ora però devi capire il "rapporto" altezza / larghezza, cioè se non li rispetti potresti farmi apparire la Cucinotta come una nana grassona o una gigante anoressica, mica simpatico, ti odierei .
Altro problema è il "peso", se possibile carica l'immagine sul server in due forme, con un editor (serio) di immagini (Gimp va benissimo) riduci le dimensione, nel tuo caso l'immagine di partenza è 1600x1200, sulla pagina di "preview" la vorresti "larga" sono 640 pixel, quindi il rapporto è: 1600/640=2,5 1200/2,5=480 quindi i valori sono 640x480, in questo modo non la deformi, se ne crei una di quelle dimensioni è anche meglio perchè è più leggera, ora per farla aprire nel formato che ti interessa basta inserire nella pagina che si apre i giusti valori, sempre in rapporto all'immagine stessa, quindi: 1600/1024=1,5625 1200/1,5625=768 e quindi la "stringa" dovrà contenere i suddetti valori. Pagina di "preview": IMG SRC="nome_foto" width="480:640" Pagina della foto se selezionata: IMG SRC="nome_foto" width="768:1024"
Se tu crei le immagini di quelle dimensioni (image1_small.gif / image1_big.gif) e fai caricare le rispettive ad ogni pagina saranno più leggere ed i visitatori con connessioni lente e / o saltellanti (..[.com]e la mia ) ringrazieranno 
Edit: ho avuto un dubbio e son tornato a controllare, infatti era un "dubbio fondato" 
Nell'esempio del link che poni tu: <A HREF="nome_foto"> <IMG SRC="nome_foto" width="480:640"></A> non richiami una "pagina" ma direttamente l'immagine (almeno sembra), quindi li non ci sono trucchi, appare nelle sue dimensioni reali, cioè non puoi impostare "dimensioni".
Per farlo devi richiamare una pagina html che contenga l'immagine e con i dovuti attributi, cioè, pagina "menu": <A HREF="immagine_big.html"> <IMG SRC="immagine_small.gif" width="480:640"></A> e quindi la pagina richiamata ("immagine_big.html") contiene: <IMG SRC="immagine_big.gif" width="768:1024"> puoi giocherellarci su con i "css" per tirar via le varie parti inutili della pagina (menu, ecc.) e per i colori di sfondo e pure ridurla alle dimensioni dell'immagine, ma questo è opzionale, la questione è che in questa maniera raggiungi lo scopo.
Ciao.
ciao, e grazie come al solito per la tua disponibilità, dunque, faccio l'esempio pratico almeno ci si capisce :
io ho questa pagina del mio sito : htt*://[www].meteoborgomanero.it/webcam.htm è una immagine scattata da una fotocamera canon powershot A510, che ho trasformato in webcam, ora, questa che vedete nella pagina è l'anteprima (anche se è già bella grossa), in realtà l'immagine principale è questa: htt*://[www].meteoborgomanero.it/webcam.php le dimensioni originali dell'immagine è di 1600X1200, semplicemente, vorrei che quando apro questa nuova pagina, al posto di trovarmi l'immagine originale con la misura di 1600X1200, la vorrei un pò più piccola, tipo 1024X768.
Questo per evitare di avere un'immagine più grossa dello schermo, anche sew a pensarci bene, la trovo migliore a 1600X1200.
grazie
Paipy |
 |
|
Yves
Moderatore
    

Città: Buenos Aires
6097 Messaggi |
Inserito il - 03/11/2009 : 20:47:07
|
Il problema è che la pagina "webcam.php" non è una "pagina", in realtà è direttamente la foto, infatti non c'è assolutamente nessun codice.
Devi fargli caricare una pagina, oppure inviare l'immagine nel formato che desideri.
Per farti capire che succede, guarda il codice: <A HREF="htt*://[www].meteoborgomanero.it/webcam.php" WIDTH="1024" HEIGHT="768"> <IMG SRC="htt*://[www].meteoborgomanero.it/webcam.php" WIDTH="640" HEIGHT="480"></A>
Come vedi è una pagina "php", in realta se io faccio un "download" della pagine é un immagine, basta che gli cambi l'estensione in jpg e la apro come voglio, il programma (o sito) che usi per farlo usa quel sistema, ed è quello che devi modificare, altrimenti non risolvi. |
Modificato da - Yves in data 04/11/2009 01:35:52 |
 |
|
|
Discussione  |
|
|
|