Immagini ‘fluide’ con jQuery
Giovedì 3 Settembre 2009 - 08:59
di Cesare Lamanna
Dove non arrivano i CSS, arriva Javascript. Ormai è più che un trend. Prendiamo il caso delle immagini nel contesto di layout liquidi/fluidi. Un bel grattacapo, non c’è che dire.
Il plugin per jQuery maxImage può rappresentare la soluzione giusta. Data un’immagine, accomoda le dimensioni e le proporzioni di quest’ultima in base a parametri come la larghezza della finestra del browser e altre numerose opzioni di configurazione. Esempi come quello dell’immagine usata come sfondo, quello che aggancia l’immagine ad uno dei lati del browser o quello presente sulla home del plugin rendono l’idea più di tante parole.
Categoria: Scripting | Permalink
Commenti
1
Interessante!
2
Ehm… però mi sorge una domanda… poi non ho magari letto bene il sito. Per quali browser è compatibile?? non è stato scritto questo. Perchè io avevo provato un certo javascritp un pò di tempo fa ma con il 6 mi faceva un pò di capricci. Questo funziona bene? Mi confermate?
Per il resto è davvero molto figo e interessante. Sembra anche semplice da utilizzare.
3
@sushidub
Con IE6 funziona (anche se ci mette un po’ a partire).
E se funziona per quella roba li, funziona anche per gli altri browser…# - postato da idrolitina - 03 Settembre 2009 - 10:41
4
Script molto interessante e secondo me molto utile per le gallerie, dove non si sa mai la larghezza e l’altezza adeguata.
5
io di solito metto alle immagini che stanno dentro div con dimensione prefissata (anche in percentuale) un width: 100% così si adattano al contenitore :)
# - postato da patrick91 - 03 Settembre 2009 - 13:16
6
Un bell’effetto che può tornare utile. Segnalazione molto interessante, grazie !
7
Hello all. I am the writer of maxImage. Thank you for the vote of support. It makes me happy to know that people are finding my plugin useful.
Thanks again.
# - postato da Aaron Vanderzwan - 10 Settembre 2009 - 20:59
8
[…] L’associazione tra Javascript, immagini e l’idea di ‘liquido’ o ‘fluido’ potrebbe far pensare a situazioni come quelle del plugin maxImage per jQuery di cui abbiamo parlato qualche giorno fa: la gestione delle dimensioni delle immagini nel contesto di layout fluidi/liquidi. […]
# - postato da Immagini ‘liquide’ con Javascript | Edit - Il blog di HTML.it - 21 Settembre 2009 - 15:00