Aiuto per dimensione immagine

**bighe67** · 10-09-2004, 19:45

Ciao ragazzi, c'è qualcuno che mi aiuta... se è possibile
fare una cosa del genere?

ho una foto nella mia pagina html:

codice:

[img]immagine.jpg[/img]

vorrei che la visualizzazione fosse del 50%
insomma visualizzata in percentuale ridotta rispetto alla sua
dimensione originale (amche se di fatto pesa gli stessi kb)

c'è un codice per dargli una percentuale?
che mi diventi esempio 50% cioè 130 x 35 ?

logicamente il mio problema riguarda immagini di varia dimensione
verticali o orizzontali per cui è necessario non impostare
un valore ma una percentuale!

ciao grazie a tutti

**WarriorXP** · 10-09-2004, 19:55

No

**var** · 10-09-2004, 20:25

provato così?

codice:

[img]immagine.jpg[/img]

ciao

**Jerry Masslo** · 10-09-2004, 20:36

questo non lo puoi fare a meno di non ricorrere a script che ti calcolano i valori immagine per immagine, che immagino si possa immaginare

invece puoi ridurre le immagini tutte alle stesse dimensioni riducendole in percentuale per adattarsi alle tue impostazioni, basta infilarle dentro div di dimensioni fissate o anche in percentuale e dartli un width:100% alle immagini anche via css, togliendo i le dimensioni nei tag img, anche in un solo div impostando valori diversi ta 100% tipo 20%, ogni immagine sarà il 20% delle dimensioni del div e di altezza proporzionale alle sue dimensioni reali.

ad esempio

img {width:20%;
vertical-align:middle
}
div {width:400px;background:silver}

se infili tutte le immagini che vuoi in questo div togliendo le dimensioni, ce ne saranno 5 per riga ognuna con le sue proporzioni

**bighe67** · 10-09-2004, 23:34

scusa non ho capito come imposti il codice..

se dovessi usare un'immagine dal nome immagine.jpg
come imposto il codice per ridimensionarla?

**Jerry Masslo** · 10-09-2004, 23:57

Originariamente inviato da bighe67
scusa non ho capito come imposti il codice..

se dovessi usare un'immagine dal nome immagine.jpg
come imposto il codice per ridimensionarla?

non ha importanza il nome serve solo che togli le dimensioni dai tag img poi se le infili tutte in un div cui ad esempio assegni una classe tuoDivImmagini

.tuoDivImmagini {width:600px;background:silver}

.tuoDivImmagini img {width:20%;
vertical-align:middle /*è una delle opzioni*/
}

questo nel css

mentre nell'html

<div class="tuoDivImmagini">qui infili tutte le tue immagini
senza dimensioni assegnate comunque si chiamino
</div>

sai usare i css?

**bighe67** · 11-09-2004, 00:07

si un pò, li uso quasi esclusivamente per i caratteri...

devo prima definire il css
e poi mettere il codice per il ridimensionamento
della foto....

Scusa sono troppo sfacciato se ti chiedo si postarmi il
codice io sostituisco il nome della mia img. e provo???

grazie...

**Jerry Masslo** · 11-09-2004, 00:54

non so come dirtelo che il nome dell'immagine non ti serve, come lo vuoi detto?

.tuoDiv img {width:50%}

questa riga dice che qualunque e tutte le immagini cioè i tag img che si trovano dentro un elemento di quella classe avranno quel width rispetto all'elemento, se non altrimenti specificato

<html>
<head>
<title>Non serve il nome</title>
<style type="text/css">
.tuoDivImmagini img {width:20%;
vertical-align:middle
}
.tuoDivImmagini {width:400px;background:silver}
</style>
</head>
<body>
<div class="tuoDivImmagini">[img]Provini/immagine.gif[/img]
[img]Provini/Pulsante.gif[/img][img]Provini/immagine.gif[/img]
[img]Provini/Pulsante.gif[/img][img]Provini/immagine.gif[/img]
[img]Provini/Pulsante.gif[/img][img]Provini/immagine.gif[/img]
[img]Provini/Pulsante.gif[/img]
</div>
</body>
</html>

cambia solo il nome e il percorso delle tue immagini ma solo nell'html

se poi vuoi per forza richiamare le immagini per nome nel css devi dare un id <img src"tuaImmagine.jpx" id="QuelloCheVuoi" etctera

che poi richiami nel css con

#QuelloCheVuoi {tuo codice css}

ma siccome l'id è univoco, nella pagian non ci possono essere più elementi con lo stesso id e tu ne hai parecchi allora non ti conviene usare gli id

**WarriorXP** · 11-09-2004, 08:47

Molto ingegnoso, però non è proprio quello che cercava lui, e potrebbe avere spesso risultati molti diversi da quelli che si aspetta

**bighe67** · 11-09-2004, 14:52

infatti avrei bisogno che una sola img della pagina mi si ridimensionasse... non di tutto

Discussione: Aiuto per dimensione immagine

Strumenti discussione

Ricerca discussione

Visualizza

Aiuto per dimensione immagine

Permessi di invio