Anteprima con visualizzazione quadrata

[Felino]

Salve a tutti,
ho una gallery costituita da foto in verticale ed orizzontale.
Come faccio a far in modo che l'anteprima delle foto in verticale sia come quelle in orizzontale?
Quindi che io veda al posto della miniatura in verticale una miniatura orizzontale?

Una sorta di taglia in automatico, ma che tagli le foto a partire dal centro della foto stessa.

Grazie!

[storm363]

prova a dare una certa larghezza alle immagini di anteprima

[Felino]

Se imposto la larghezza, l'altezza sarà visualizzata in modo proporzionale! Quindi se le foto sono in verticale ed orizzontale, avranno l'altezza diversa!

[storm363]

allora metti anche l'altezza

[Felino]

Scusami, ma così la storpia l'immagine, per questo sto chiedendo se c'è un modo di regolare l'owerflow tramite css!

[storm363]

allora usa clip:
HTML:

<div class="wrap">
    <div class="clip">
     [img]la_tua_immagine.jpg[/img]
    </div>
</div>

CSS:

.wrap{
  position:relative;
  height:225px; /*questa sara' l'altezza dell'immagine*/
}
.clip{
  position:absolute;
  clip:rect(50px 218px 155px 82px); /*queste sono le "dimensioni" del ritaglio, in ordine top, right, bottom, left*/
}