Adipoli è un plugin jQuery che ti permetterà di ottenere degli effetti di hover sulle immagini molto originali.
Con Adipoli potrai ottenere più di 20 diversi effetti di hover, che puoi vedere all’opera nella demo.
Integrarlo nel tuo sito sarà in gioco da ragazzi: ti basterà richiamare gli script necessari e applicare gli effetti alle alle immagini che desideri. Ti invito comunque a leggere la documentazione.
Ho testato il plugin personalmente su Internet Explorer 7 e 8 e quasi tutti gli effetti funzionano egregiamente, quindi puoi utilizzarlo tranquillamente senza problemi di compatibilità.
Una nuova tecnica per regalare una User Experience piacevole per l’utente finale 
19 marzo 2012 at 10:58
Very good. Piacevoli ed efficaci!
Thank for sharing.
27 marzo 2012 at 19:26
Wow.. proprio quello che cercavo! Thanks
13 aprile 2012 at 22:10
Ma è possibile che io sia così incapace da non comprendere dov’è l’errore?
Potresti dare un’occhiata qui?
$(‘#image1′).adipoli();
$(‘.image1′).adipoli({
‘startEffect’ : ‘normal’,
‘hoverEffect’ : ‘popout’
});
15 giugno 2012 at 20:16
ci sono molte cose che non mi tornano su questo plugin
1) la prima i file: nello .zip che si scaricano dal sito ci sono dei file, nel codice che dicono di inserire nell’HEAD ce ne sono altri (jquery-1.7.1.js questo file di dice di includere, ma non ti dici di includere jquery.adipoli.js, che invece sta nello zip, al contrario del primo.
2) Ho cercato di applicare l’effetto ma non ci sono riuscito, in nessuna maniera. Tu l’hai provato?
Se si, mi illustri i passaggi?
Magari sbaglio in qualcosa, ma non credo…
21 giugno 2012 at 16:17
Ciao Enrico e benvenuto nel blog
Riesci a mandarmi il codice per e mail?
21 giugno 2012 at 18:22
Fede, se dai un’occhiata a quest’indirizzo adanegri.it potresti dirmi perché la prima fila di immagini, che dovrebbe subìre l’effetto “grayscale” non funziona? Tutti gli altri effetti di adipoli funzionano, soltanto questo no. Sei in grado di trovare il motivo?
Grazie mille,
Cinzia
21 giugno 2012 at 18:41
Faccio prima qui:
primo passaggio tra gli HEAD:
$(function(){
$(‘.image1′).adipoli({
‘startEffect’ : ‘overlay’,
‘hoverEffect’ : ‘foldLeft’
});
});
(jquery-1.7.1.js, me la sono cercato su internet perchè non era presente nel pacchetto scaricato..bah! )
2 passaggio:
Secondo logica dovrebbe andare cosi..ma non gira nulla.