Fw

Wordpress Creative Developer

jQuery Plugin Effetto Hover Sulle Immagini – Adipoli

  • Plugin jQuery
  • -

Adipoli è un plugin jQuery che ti permetterà di ottenere degli effetti di hover sulle immagini molto originali.

jQuery Plugin Effetto Hover Immagini

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 😉

8 Commenti

  1. Very good. Piacevoli ed efficaci!
    Thank for sharing.

  2. Wow.. proprio quello che cercavo! Thanks

  3. 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’
    });

  4. 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…

  5. 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

  6. 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.

  7. A me non ne funziona nessuno…dopo varie prove non succede nulla.Tra le altre cose è impossibile trovare sul web una spiegazione esaustiva su come applicare questi effetti. Si trovano solamente identiche “istruzioni” frutto dei copia e incolla spacciate per spiegazioni. A malincuore ho dovuto abbandonare l’idea di farne uso pur trovandoli molto interessanti

Scrivi un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *