• User Newbie

    Ridimensionare immagine blog: css o script?

    ciao a tutti

    vi spiego il mio problemino:

    ho un blog con movable che utilizza i fogli di stile per l'impaginazione e il testo.

    il blog ha una pagina principale con titolo e riassunto degli interventi. ogni intervento ha una immagine inserita con questa stringa prima del testo:

    <p><img style="FLOAT: left; MARGIN: 3px 10px 0px 0px;" alt="" src="immagini/blog/picture.gif" border="0"></p>

    le immagini vengono visualizzate con una dimensione fissa 60x60, quella con cui sono salvate

    ora vorrei fare in modo che l'immagine del primo intervento venisse ridimensionata automaticamente in un formato più grande, 150x150... (lo so che la qualità peggiorerebbe, ma non fa niente) senza essere salvata: ridimensionata automaticamento solo quando viene caricata dal browser

    (ovviamente nel momento in cui pubblico un nuovo intervento, sarà l'immagine del nuovo intervento a dover diventare automaticamente 150x150...)

    come potrei fare? è possibile farlo utilizzando i fogli di stile o si deve usare qualche script, e se si, quale?

    vi mostro il codice:

    <a href="<$MTEntryPermalink$>">
    <h3 class="title"><$MTEntryTitle$></h3></a>
    <div class="bloghome"> <$MTEntryBody$>
    <MTEntryIfExtended>
    <p style="margin-top: 0; margin-bottom: 0"><span class="extended">
    </MTEntryIfExtended></font>
    <p style="margin-top: 0; margin-bottom: 0">
    </MTEntries>

    <$MTEntryBody$> è il tag movable in cui è contenuto l'intervento (immagine compresa)

    <div class="bloghome"> serve per formattare il testo dell'intervento

    grazie a chi saprà rispondermi ! 😉