Ho diverse immagini con misure differenti ed ho l'esigenza di metterle dentro degli spazi ben definiti e soprattutto fissi. Se adatto l'immagine con width e height per le misure della cornice ovviamente l'immagine s deforma perchè cambiano le proporzioni... su Facebook per esempio le immagini vengono centrate e tagliate secondo la cornice che le mostra con un resize intelligente, esiste una prassi semplice per arrivare a tanto o devo usare javascript?
Grazie
Non si può niubbare per sempre...
P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!
Il resize lo fai con javascript, non con css.
Se l'immagine è più grande del div che la contiene puoi utilizzare la proprietà overflow:hidden al div.
Ciao.
p.s.: i css fanno sempre quello che gli si dice di fare, ma a volte noi non lo diciamo nel modo corretto!
Ho trovato un plugin jquery che fa quello che cerco grazie comunque! Per quanto riguarda i CSS a volte gestiscono le ambiguità con una logica tutta loro... credo sia questo il motivo delle mie perplessità... allora potrai dirmi di non creare ambiguità... e io allora rispondo: non ho tempo!
Non si può niubbare per sempre...
P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!
Se ad una immagine inserita con <img> viene definito width E height, questa puo` venir distorta (dipende se le dimensioni originali sono o meno in rapporto uguale alle dimensioni definite)
Se invece viene definita solo UNA delle dimensioni, le proporzioni vengono rispettate.
Se hai uno spazio quadrato per inserire le immagini, ed hai immagini a volte vert ed a volte orizz, dovresti lato server inserire solo width per le orizz e solo height per le vert. (se non lo sai fare, chiedi nel forum dove si parla del sistema che usi tu - ASP, PHP, JSP, ...).
NON e` consigliabile usare JS per questo, per vari motivi:
1. e` piu` complesso farlo lato client rispetto a lato server: infatti il JS non conosce a priori le dimensioni degli oggetti esterni all'HTML;
2. perche` non hai garanzia che JS sia funzionante sul browser.
Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
No domande tecniche in messaggi privati
Dunque se decido che la larghezza sia la proporzione di riferimento devo specificare solo quella e l'altezza si adatterà di conseguenza, se metto "overflow:hidden" poi mi taglierà "quello che esce di fuori" ?
Non si può niubbare per sempre...
P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!
Esiste la proprità CLIP del css ma non l'ho mai usata, quindi non so farti dritte. In ogni caso dovrebbe proprio fare ciò di cui hai bisogno ma purtroppo... i dettagli devi cercarli da solo tra le specifiche del w3...
Ma è una novità css3?
Non si può niubbare per sempre...
P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!
Vedi un po' qui: http://www.w3schools.com/cssref/pr_pos_clip.asp
No no, era già dei css2.1 ma poco usata....Originariamente inviato da niubbo
Ma è una novità css3?
Grazie a tutti per la consulenza!
Non si può niubbare per sempre...
P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!
Permessi di invio
Rispondi quotando