jQuery Simple Slider – Plugin jQuery

Vous avez besoin d’un plugin javascript qui vous permet de réaliser un slider très simple et customisable facilement ? Plus précisément, vous utilisez jQuery ? Voici un plugin très simple d’utilisation et qui va vous permettre de réaliser un slider de manière épurée et customisable via css.

Aujourd’hui, je vous présente donc, jQuery Simple Slider.

jquery-simple-slider-plugin

Comme je vous le disais, c’est très simple d’utilisation, pour activer le slider sur une div (class= »slider1″) qui contient les éléments, le code javascript de base est le suivant :

jQuery(".slider1").simpleSlider

Ensuite, il existe quelques options :

navigation : affiche ou non les liens prev/next (true ou false)
prevText : Le texte du lien prev. Avec les quotes («  »)
nextText : Le texte du lien next. Avec les quotes («  »)
pagination : affiche ou non les numéros de page de navigation (true ou false)
autoplay : Si le slider doit tourner en automatique (true ou false)
delay : le délais de transition
speed : la vitesse de transition
numItems : Nombre d’éléments à afficher, par défaut : 1

Découvrez ce plugin jQuery ici : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider
Téléchargez le là : http://www.quai-aux-vivres.com/jquery/plugins/simpleSlider/jquery.simpleSlider.1.0.zip

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

3 Comments

  1. Merci pour cette trouvaille et de nous fournir le code! N’étant pas un développeur pro je ne peux me permettre de toucher « à tout » donc c’est toujours un plaisir de pouvoir se tourner vers d’autres plus aguerris.Je vais le tester de suite.

    Post a Reply
  2. Merci pour le code. Je recherchais un outil de ce type et après de nombreux bidouillages je ne suis pas plus avancé! Merci en tout cas de nous partager le résultat de tes « recherches ».

    Post a Reply

Trackbacks/Pingbacks

  1. Hash Slider – Plugin jQuery – La simplicité du slide | LudiBlog - [...] jQuery Simple Slider – Plugin jQuery [...]

Submit a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *