Hash Slider – Plugin jQuery – La simplicité du slide

Pour la reprise des articles sur le blog, je reviens avec un plugin jQuery très simple à mettre en place et d’utilisation. (vous allez me dire, comme souvent avec jQuery)

Cette fois on s’attaque à un nouveau slider pour animer vos pages web, c’est hash slider

hash-slider-plugin-jquery

En fait, ce plugin, va vous permettre de positionner le slider par rapport à des ancres dans vos urls, par exemple sur le site de l’auteur, avec cette url : http://mgoys.com/lab/hashslider/#3 vous arrivez en 3ème position du slider mis en place.

Présentation rapide du plugin jQuery Hash Slider :

  • Facile à intégrer
  • Facilement customisable via css
  • Possibilité de rendre le slider sensible à la souris
  • Positionnement du slider via les ancres
  • Génère automatiquement la navigation
  • Slide tout contenu
  • Libre pour tous
  • Léger

Exemple de structure pour accueillir le slider :


<!-- Le slider -->
<div id="slider">
<ul>
 	<li>example</li>
 	<li>example2</li>
</ul>
</div>
<!-- Bouton de navigation avant/arrière -->
<div id="left">goLeft</div>
<div id="right">goRight</div>
<!-- Bouton de navigation numéroté -->
<ul id="numbers">
 	<li></li>
</ul>

 

Pour retrouver le plugin jQuery Hash Slider et le télécharger : http://mgoys.com/lab/hashslider

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

10 Comments

  1. C’est une belle découverte pour moi, je n’avais pas connaissance de plugin, je vais surement prendre le temps de le tester durant le prochain week-end et je ne manquerai pas de faire mon retour d’expérience.

    Post a Reply
  2. Un outil dont je ne connaissais pas l’existence avant de lire ton post. Il serait intéressant en effet de le tester avant un emploi définitif. Bon je m’attendais à du pur jQuery mais j’aurai peut-être une surprise avec ce que tu proposes.

    Post a Reply
  3. C’est vrai que c’est pratique et très facile à mettre en place. À tester absolument !

    Post a Reply
  4. Merci pour cet exemple çà va m’aider à faire le test. Aucun impact sur le chargement et les mises à jour?

    Post a Reply
  5. Je suis curieux de l’utiliser et voir le positionnement par la suite! En tout cas merci pour le partage de l’info, je vais suivre le lien pour le téléchargement.

    Post a Reply
  6. Merci beaucoup pour que vous puissiez les partager avec nous.
    Je reviendrai.
    c’est vraiment un bon site. 🙂

    Post a Reply

Trackbacks/Pingbacks

  1. HeapBox – Plugin jQuery – Améliorez le visuel de vos listes sélectives | LudiBlog - [...] Hash Slider – Plugin jQuery – La simplicité du slide [...]
  2. Donnez vie à vos textes avec textillate un plugin jQuery | LudiBlog - [...] Hash Slider – Plugin jQuery – La simplicité du slide [...]
  3. 62 plugins jQuery sur LudiBlog pour 2014 ! | LudiBlog - […] Hash Slider jQuery Simple Slider Tiny CirleSlider Flux Slider Zoombox jQuery Favicon Notifier jCoverflip […]

Submit a Comment

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