PikaChoose - Un slideshow JQuery aux effets renversants

PikaChoose est un slideshow en JQuery très design et élégant, facilement personnalisable.

Ce n'est pas un pokémon mais bien un slideshow, et vraiment efficace qui plus est !

Pour ma part, je trouve difficile de tomber sur un slider qui combine des effets de slide élégants, qui permet beaucoup de personnalisation, qui est plutôt léger et qui fonctionne correctement sur Internet Explorer (testé sous IE7).

Pikachoose va vous ravir, il combine tout ça !

Installation:

L'installation est des plus classiques, il suffit d'inclure la librairie JQuery, le style CSS de votre slideshow (que vous pouvez entièrement personnaliser) et le moteur JS du slideshow:

<link type="text/css" href="styles/design.css" rel="stylesheet" />
<script type="text/javascript" src="lib/jquery.js"></script>
<script type="text/javascript" src="lib/jquery.pikachoose.full.js"></script>

Pour transformer un bloc HTML en slide, vous n'avez plus qu'à utiliser cette fonction:

$("#mon-bloc").PikaChoose();

Elle vient bien entendu avec son lot d'options, que je vous invite à consulter ici.

Côté HTML, votre bloc devrait ressembler à ceci:

<ul id="mon-bloc" >
    <li><a href="http://www.lafermeduweb.net"><img src="images/1.jpg" alt="Num1" /></a><span>Exemple numéro 1</span></li>
    <li><a href="http://www.lafermeduweb.net"><img src="images/2.jpg" alt="Num2" /></a><span>Exemple numéro 2</span></li>
    <li><a href="http://www.lafermeduweb.net"><img src="images/3.jpg" alt="Num3" /></a><span>Exemple numéro 3</span></li>
</ul>

Sachez aussi que vous pouvez initialiser un slider via du JSon, sans passer par de l'HTML, on comprend vite le potentiel du plugin ! (Ajax ...)

Options:

Pour les options, vous pouvez choisir les effets de transition, l'image sur laquelle le slide débute, si vous voulez des transitions verticales et non horizontales, la possibilité d'ajouter des légendes sur vos slides, un aperçu des miniatures et bien plus encore !

Belle découverte !

Site Officiel