LinkBack URL
About LinkBacksvolevo fare una pagina contenente immagini piccoline da cui cliccando su un'immagine si apre un'altra pagina con l'immagine alle sue dimensioni reali. c'è un modo per ridurre le immagini in maniera dinamica?
cioè ad es. se hanno risoluzione 100X200 vengano ridotte a 10X20 se 600X200 a 30X10 e così via. non intendo ridurle nel vero senso (cioè riducendo i pixel con un prog di grafica), ma semplicemente adattarle alla pagina; si può fare...?
grazie.
Visualizzazione risultati 1 fino 24 di 24
Discussione: immagini ridotte
-
21-02-2004, 17.05.02 #1Guest
-
21-02-2004, 17.42.11 #2
Utente storico
- Data registrazione
- 26-01-2003
- Residenza
- Brescia
- Messaggi
- 2,964
Basta che ne imposti la dimensione ...
Sai come fungono i css?
Allora, inserisci all'interno di <head> quanto segue:
<style type="text/css"><!--
.rid { width: 10% ; height: 10% }
--></style>
Quindi, quando vuoi che l'immagine sia inserita ridotta, la inserisci così:
<img class="rid" src="tuaimmagine" ...>
Però una cosa del genere appesantisce la pagina ... le immagini vengono sempre caricate per intero.
Inserire delle immagini già ridotte con un programma di grafica è molto meglio (e non richiede poi questo gran tempo), in particolare se le immagini in questione sono piuttosto pesanti.
P.S.: sposto in Liv. 1| Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |
GVE = GVE Virtual Extension
AVCM #: 6637
-
21-02-2004, 21.10.50 #3Guest
ho provato ma non funziona... non mi disegna proprio le immagini... nn è che per sbaglio manca qualche carattere o simile? [bisogna mettere in html i valori height e width?]
-
21-02-2004, 21.14.42 #4Guest
no no..quelli sono facoltativi :) non è indispensabile metterli :D e poi se hai impostato tutto come ti ha detto gve hai già impostato quei valori ;)
Originalmente inviato da wanttobefree
-
21-02-2004, 22.08.04 #5Guest
non so.. c'è qualcosa che non va: se scrivo % non funziona (le img non vengono riprodotte [ma vengono caricate cmq]) se sostituisco px a % invece le immagini si vedono correttamente. qualcuno mi sa dire xkè..?
-
21-02-2004, 23.00.21 #6Guest
le immaginid di solito non si mettono in percentuale ma in pixel :) Originalmente inviato da wanttobefree
non so.. c'è qualcosa che non va: se scrivo % non funziona (le img non vengono riprodotte [ma vengono caricate cmq]) se sostituisco px a % invece le immagini si vedono correttamente. qualcuno mi sa dire xkè..?
-
21-02-2004, 23.26.44 #7Guest
ah..ok, ma a questo punto c'è un modo per ridurre le dimensioni delle immagini dinamicamente?
cioè in base alla risoluzione iniziale, es. riducendo a 10X20 quelle da 100X200 o a 20X15 quelle da 800X600
-
22-02-2004, 00.33.38 #8Guest
ho provato a scrivere height='%' e mi disegna l'immagine come un punto, ma se scrivo height='100%' non mi disegna niente... dov'è che sbaglio...?
-
22-02-2004, 01.12.58 #9
Utente
- Data registrazione
- 25-03-2003
- Messaggi
- 210
Ma lo hai scritto nel CSS?
se invece lo scrivi internamente ad un tag usa:
style="width:20%;"
-
22-02-2004, 10.21.57 #10Guest
ma è uguale no?? se lo scrive nel css evita di riscriverlo tutte le volte :D Originalmente inviato da aeclanum
-
22-02-2004, 10.58.15 #11
Utente
- Data registrazione
- 25-03-2003
- Messaggi
- 210
Si è uguale, ma avevo l'impressione che avesse scritto qualcosa del genere:
<img src="XXXX" width=10%>
e non
<img src="xxxxx" style="width:10%">
-
22-02-2004, 11.00.06 #12Guest
ma basta ke metta l'attributo class="rid" a <img src="urlimmagine"> se ci aggiunge quello i dati li dovrebbe prendere dal css no??
-
22-02-2004, 11.58.34 #13Guest
ho capito dove sbagliavo... il semplice fatto che aggiungevo anche l'attributo height, e visto che le immagini nn possono venir distorte, il browser non le disegna. insomma mi basta specificare width che tanto l'altezza me la riduce in proporzioe... :D
grazie per l'interessamento
-
22-02-2004, 12.00.16 #14
Utente
- Data registrazione
- 25-03-2003
- Messaggi
- 210
perchè non dovrebbero essere distorte?
-
22-02-2004, 12.02.57 #15Guest
bhe pensavo potesse essere questo il motivo.
sta di fatto cmq che se specifico solo width me l'accetta, se specifico anche height o solo height non funziona...
-
22-02-2004, 12.03.24 #16Guest
guarda qua:
<style type="text/css"><!--
.rid { width: 10% ; height: 10% }
--></style>
questo è il css che hai messo (almeno credo) height è già impostato li..nn lo puoi mettere 2 volte..:)
-
22-02-2004, 12.11.39 #17Guest
scusa, non mi sono spiegato, io ho scritto così (non funziona):
<img src='tutti_gruppi/immagini/1.jpg' style='width: 10%;height: 10%'>
così non mi funzia nemmeno:
<img src='tutti_gruppi/immagini/1.jpg' style='height: 10%'>
se scrivo così invece funzia:
<img src='tutti_gruppi/immagini/1.jpg' style='width: 10%'>
cmq non ti preoccupare, mi basta usare anche solo width..solo che non capisco perchè questo problema... :(
-
22-02-2004, 12.16.21 #18Guest
si ma così ho qualche dubbio ke ti prenda i dati dal css :D
-
22-02-2004, 12.33.28 #19Guest
ma dovrebbe funzionare senza bisogno del css no?
-
22-02-2004, 12.34.42 #20Guest
credo di si..ma il css ti risparmiava la fatica di scrivere le dimensioni in tutte le immagini :D
-
22-02-2004, 13.09.26 #21
Utente storico
- Data registrazione
- 21-01-2004
- Messaggi
- 3,333
wanttobefree: Abbi fede nei consiglieri :D
usa gli sctyle sheets (css).
Ho provato su IE, Opera e Mozilla e funge alla grande (stranamente uguale preciso comportamento per tutti e tre)
Dunque ti consiglio così:
[code:1:520e0e50a5]<style>
.rid { width: 10%; }
</style>
<img class=rid src=http://tuosito.altervista.org/dir/immagine.jpg>[/code:1:520e0e50a5]
Se ti scoccia (da quel che intuisco) usare un file .css esterno non c'è problema: all'interno del tag a blocco HEAD metti un bel blocco STYLE (come quello qui sopra) .. volendo funge anche se lo metti ovunque nel body, certo prima di dove utilizzi i class a cui si riferiscono le img.
Piccola nota:
si indica solo la width in percentuale anche perché se funzionasse per entrambe le dimensioni, 10% x 10% le proporzioni verrebbero sballate. In questo modo si basa sulla width e l'altezza la ricava in proporzione (questa devo dire che l'hanno pensata bene una volta tanto)Avvertimento: richiedere in privato questioni tecniche produrrà inevitabilmente una supercazzola prematurata come risposta. (5 served)
-
22-02-2004, 13.27.44 #22Guest
un altro vantaggio dei css: se devi kambiare le dimensioni delle immagini modifiki solo una prte di codice (il css) invece se nn usi il css le devi modificare una x una
-
22-02-2004, 14.35.01 #23
Utente storico
- Data registrazione
- 26-01-2003
- Residenza
- Brescia
- Messaggi
- 2,964
Ho capito!
height a me funziona, ma si distorce tutta l'imagine ... inoltre provate a impostare width: 100% ... viene a tutta pagina, non in dimensioni originali!
Conclusioni: i parametri di width e height si basano, quando dati in percentuali, sulle dimensioni del containing-block, ovvero della cella in cui è inserita l'immagine ... non molto utile in genere per le immagini, ma in effetti corrisponde a come viene calcolato per tutti gli altri elementi html.| Regolamento del Forum | Regolamento di AlterVista | FAQ di AlterVista | Netiquette |
GVE = GVE Virtual Extension
AVCM #: 6637
-
22-02-2004, 16.55.59 #24Guest
ah ecco! allora avevo detto giusto quando ho detto che si può impostare solo la width...
