Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692

    Come "taglio" una immagine a seconda della "cornice" che può contenerla?

    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!!!!!

  2. #2
    Calcoli il rapporto dei lati della cornice (w/h), li rapporto dei lati dell'immagine, se il rapporto relativo all'immagine è più grande di quello della cornice dai all'immagine height:100% e margin-left: -50% della larghezza dell'img, altrimenti dai width:100% e magin-top:-50% dell'altezza dell'img.

  3. #3
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    Non mi è molto chiaro il perchè... da javascript è possibile sapere quanto è il size dell'immagine?
    Non si può niubbare per sempre...

    P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!

  4. #4

  5. #5
    Utente di HTML.it L'avatar di niubbo
    Registrato dal
    Jul 2004
    Messaggi
    692
    Grazie!
    Non si può niubbare per sempre...

    P.S. Ma perché i CSS non fanno quello che gli dico di fare.... aaaAAAAAAARGHHHHH!!!!!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.