Adopoli: plugin jQuery pentru efecte pe imagini


Evident că în captura de mai jos nu reuşesc să surprind dinamicitatea pluginului jQuery Adipoli. Mergeţi pe pagina lui şi imediat veţi avea câteva dintre efectele posibile demonstrate. Sincer nu ştiu de ce nu le ilustrează pe toate autorul, dar asta e. Oricum, demonstraţia cred că o să vă placă – vorbesc desigur de webmasteri – iar utilizarea este foarte simplă. Descărcând arhiva (acum e versiunea 2.0 beta, dar depinde când citiţi articolul) veţi găsi două fişiere: unul CSS şi unul JScript (de fapt două JavaScript, fiind şi o versiune mini-ficată şi una normală).

imagine

Includeţi deci CSS-ul, apoi biblioteca jQuery, după care JScript-ul (min). Utilizarea apoi e simplă: daţi imaginilor un ID sau o clasă, şi apoi aplicaţi corespunzător efectele – cel de afişare normală şi cel de afişare când se trece mouse-ul peste. Să zicem că avem o imagine cu ID-ul imagine. Codul pentru a aplica efecte va fi ceva de genul:

$('#imagine').adipoli({
    'startEffect' : 'transparent',
    'hoverEffect' : 'boxRain'
});

Desigur, modificaţi efectele. Acum, pentru start efectele posibile sunt: transparent, normal, overlay şi grayscale. Pentru trecerea deasupra sunt mai multe: normal, popout, sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpRandom, sliceUpDown, sliceUpDownLeft, fold, foldLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow şi boxRainGrowReverse. De fapt câteva, cu variaţii. Dar autorul promite că vor fi tot mai multe. Să sperăm! Eu mă văd folosit acest plugin în proiectele mele.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 5,00 din 5)
Loading...Loading...

1 comentariu

  1. pety spune:

    Wow, excelent. Multumiri!


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *