Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0

 

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

Partagez l'article !Share on Facebook0Tweet about this on TwitterShare on Google+0Share on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0