Adipoli plugin – Eleganti effetti hover multipli su immagini con jQuery

 

Adipoli è un plugin in jQuery utilizzato per apportare eleganti effetti su immagini al passaggio del mouse.
L’attivazione di un effetto hover è molto semplice.

Codice HTML da inserire all’interno del tag head

Se vuoi applicare l’effetto hover su di un’immagine con ID di esempio “image1″, richiamerai il plugin adipoli nel seguente modo

Opzioni aggiuntive

Opzioni disponibili

startEffect: stile predefinito dell’immagine
hoverEffect: stile dell’immagine al passaggio del mouse
imageOpacity: opacità dell’immagine  quando l’effetto iniziale è trasparente o sovrapposto
animSpeed: velocità di animazione dell’effetto
fillColor: sovrapposizione colore
textColor: colore testo
overlayText: HTML di default da visualizzare sull’overlay
slices: numero di slices per le animazioni
boxCols: numero di caselle in sequenza per le animazioni a quadri
boxRows: numero di righe per le animazioni a quadri
popOutMargin: margine dell’immagine di popup
popOutShadow: lunghezza dell’ombra dell’immagine di popup. L’ombra funziona con i browser che supportano la proprietà css di text-shadow.

Demo Download Info | Sito Web | Autore

pixolo ads
Animal Comix
4208 | Articolo pubblicato 4 anni fa nella categoria In evidenza, 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.
0
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
×