24
2012
Aplicar efeitos em imagens com Adipoli
An article by admin
Depois de um bom tempo sem escrever nada no blog , resolvi voltar a postar e para recomeçar deixo aqui a dica de um ótimo plugin jquery para ser usado em imagens , trata-se do Adipoli , ele é um plugin muito fácil de implementar , não requer nenhuma habilidade fora do comum , alias como a maioria dos plugins jquery .
O uso do adipoli pode fazer a diferença em seu layout , para ver alguns exemplos , siga o link , veja como é simples usar esse plugin :
1º Chame os códigos necessários para a pagina desejada :
<link href="css/adipoli.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.7.1.js" type="text/javascript"></script> <script src="js/jquery.adipoli.min.js" type="text/javascript"></script> |
2º Escreva o código que “pegara” a div , onde você quer que tenha o efeito .
<script type="text/javascript"> $(function(){ $('#div qualquer').adipoli(); }); </script> |
E é apenas isso , claro que tem opções para personalizações , por exemplo :
<script> $(function(){ $('#div qualquer').adipoli({ 'startEffect' : 'grayscale', 'hoverEffect' : 'normal' }); }); </script> |
No exemplo acima , as imagens ficarão com o efeito grayscale (tons de cinza) , e quando passar o mouse ficarão com as cores normais , isso sem nenhuma dificuldade.
Baixe o plugin : Adipoli
Demostração
Não funciona?
Ola Becca boa noite , então esse post é meio antigo então antes de te responder eu fui ate o site deles baixei e fiz o teste , aqui funcionou normal , pode mim dizer o que esta dando errado com o seu ? talvez eu possa ajudar !