Ajouter des transitions originales et des apparitions stylées à vos images n’a jamais été aussi facile avec adipoli.js. En quelques lignes de code vous pouvez ajouter des nuances, des filtres, bref des effets de hovers. De plus ce script possède de nombreuses options et permet vraiment de faire ce que l’on veut.

Pour intégrer ces transitions, il faut inclure le script Adipoli :

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

Pour ajouter un effet hover sur nom-de-limage :

<script>
$(‘#nom-de-limage’).adipoli();
</script>

Et ensuite pour les options :

$('#image1').adipoli({
    'startEffect' : 'normal',
    'hoverEffect' : 'popout'
});

Pour connaître toutes les options : jobyj.in/adipoli

Télécharger Adipoli : adipoli.zip