Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it L'avatar di the-bit
    Registrato dal
    Feb 2005
    Messaggi
    543

    Realizzare immagini con dimensioni dinamiche?

    Buona sera,
    dovrei realizzare un'immagine (una sola) da mettere da sfondo ad alcune div, di cui - però - non conosco a priori le dimensioni.
    In pratica vorrei che se, ad esempio, una div ha dimensioni width: xxx.px; e heigth: yyy.px , l'immagine venga ridimensionata di tali misure.
    Magari da affiancare a p.h.p visto che il codice è fatto con questo linguaggio.

    Non sapenso se fosse argomento di grafica o p.h.p. ho postato in questa sezione.
    Spero non sia un problema per i moderatori spostarmi in area più pertinente qualora avessi sbagliato sezione.

    Grazie.
    "To iterate is human, to recurse, divine." (R.(Heller))

  2. #2
    ci sono alcuni script in jquery che fanno quello che chiedi

  3. #3
    Moderatrice di Grafica, Cerco e offro lavoro L'avatar di Myaku
    Registrato dal
    Nov 2006
    Messaggi
    10,349
    forse ti è sufficiente lavorare sui css, inserendo l'immagine dentro un div delle stesse dimensioni di quello di riferimento e posizionandolo in maniera assoluta sotto di esso, con l'immagine settata a width: 100%

    intanto ti sposto




    edit: sorry graffiti, non avevo visto la risposta ... ora vediamo che dicono da css, al limite rispostiamo il thread

  4. #4
    Utente di HTML.it L'avatar di the-bit
    Registrato dal
    Feb 2005
    Messaggi
    543
    @ graffithouse: ti spiacerebbe farmi un esempio?

    @ Myaku: il problema è che non conosco a priori le dimensioni della div in quanto questa viene riempita da un testo - testo di lunghezza caratteri dinamica.
    "To iterate is human, to recurse, divine." (R.(Heller))

  5. #5
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non credo che si possa (ancora) fare quello che chiedi con i CSS.
    Dovrebbe essere possibile in un prossimo futuro (Nuove proprietà per gli sfondi nei CSS3), ma ho l'impressione che sia ancora prematuro implementarlo nelle pagine reali.

    Ma torniamo daccapo.
    Se l'immagine e` da mettere sullo sfondo, non si puo` fare (vedi pero` il link sopra)

    Se l'immagine e` da inserire in uno spazio suo come <img> (quello proposto da Myaku), si puo` fare, ma in tal caso l'immagine non e` uno sfondo, ma un elemento di contenuto, con un suo significato semantico diverso. Comunque non conoscendo le dimensioni del blocco, non credo sia possibile.

    Ci sono dei trucchi grafici (che usano funzionalita` dei CSS assieme a particolari grafici), che permettono di realizzare qualcosa che assomiglia (che simula) quanto voluto, posizionando l'immagine al centro e riempiendo i contorni con colore uguale ai bordi, studiando un'immagine che possa venir tagliata ai bordi senza perdita di significativita`.
    A mio parere e` ancora la soluzione migliore, ma richiede alcune competenze che non sempre sono conosciute.
    Se questa soluzione ti convince, fallo sapere che ri-spostiamo la richiesta in grafica.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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 © 2025 vBulletin Solutions, Inc. All rights reserved.