Ridimensionamento automatico delle immagini con jQuery

 

jQuery Picture è un piccolo  plugin (2kb) per aggiungere il supporto di ridimensionamento automatico alle vostre immagini in base al layout di visualizzazione della pagina web (responsive layouts).

Utilizzo

Ci sono due possibilità di utilizzo del plugin, mediante l’utilizzo del tag <figure> oppure mediante l’utilizzo del tag <picture>. Tieni a mente che il tag picture è stato soltanto recentemente introdotto e non risulta ancora validato come codice HTML.

Inizializzazione del plugin

Per l’inizializzazione del plugin basta aggiungere .picture()all’elemento al quale si desidera applicare la funzionalità del plugin.

Utilizzo

Per utilizzare il plugin con il tag <figure> è necessario aggiungere l’attributo “data” ad ogni dimensione dell’immagine che si desidera utilizzare. Quì un esempio di codice da utilizzare:

Download INFO | Sito Web | Autore

pixolo ads
Animal Comix
2851 | Articolo pubblicato 4 anni fa nella categoria jQuery - Javascript.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
1
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×