Voici un petit plugin Jquery que j’ai développé. Il permet simplement d’afficher un slider photos mais en utilisant le HTML5 : balise « <canvas> ».
Il faut inclure JQuery et le plugin dans le <head>.
HTML :
<div id="slider"> <img src="img/1.jpg" alt="" /> <img src="img/2.jpg" alt="" /> <img src="img/3.jpg" alt="" /> <img src="img/4.jpg" alt="" /> </div>
Javascript :
$(document).ready(function() {
$('#slider').slider_html5({width: 1024, height: 640, transition: 'fade_in', autoplay: false});
});
Paramètres du plugin :
width : largeur du slider
height : hauteur du slider
transition : type de transition (valeurs possibles : fade_in (foudu), extension (agrandissement), appear (glissement depuis la gauche)
autoplay : défilement automatique ? (activé par défaut)
time : temps en millisecondes pour le défilement automatique (5000 par défaut)
show_next_prev : activer les boutons précédent et suivant ? (activé par défaut)
show_nav :activer la navigation en dessous du slider ? (activé par défaut)
Télécharger le plugin
