Vous cherchez un slider en javascript ? Mieux, en jQuery ? De plus, couplé à un menu accordéon avec du contenu afin de rendre l’utile à l’agréable ? Slidorion est le plugin qu’il vous faut. En effet, vous allez pouvoir faire défiler des images (avec textes, html etc… ou non) avec un menu associé et son bloc de contenu. Autant dire que ce plugin jQuery est intéressant pour agrémenter un page web.
Comment utiliser ce plugin jQuery :
Importer les librairies dans le document (dans le « head » – css+js) :
Vous l’aurez compris, easing est nécessaire au bon fonctionnement de Slidorion.
Télécharger Easing
Construire la structure qui deviendra notre Slider à menu :
<div id="slider">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
</div>
<div id="accordion">
<div class="link-header">New Features</div>
<div class="link-content">
<!-- content -->
</div>
<div class="link-header">A Simple Image</div>
<div class="link-content">
<!-- content -->
</div>
<div class="link-header">Background Image w/ HTML</div>
<div class="link-content">
<!-- content -->
</div>
</div>
</div>
Et l’initiation basique du plugin :
$('#slidorion').slidorion();
});
Bien entendu, il existe de multiples options, comme la vitesse de changement, des effets tels que les fondus, les intervalles etc…
Vous pouvez directement télécharger le plugin Slidorion.
Vous avez des démonstrations complètes sur le site du plugin jQuery Slidorion.
Un bon petit plugin jQuery bien pratique.
Et vous qu’en pensez vous ?
Articles qui peuvent vous intéresser :
- s3Slider – Plugin jQuery – Un slider simple pour vos sites web
- jCoverflip – Plugin jQuery – Le Coverflow simple et efficace
- GMap3 – Plugin jQuery pour API Google Maps 3ème version
- jQuery AutoSuggest Plugin – Boite de texte avec suggestions Ajax
- jQuery Slick Plugin – Agrémentez vos sites d’onglets rétractables
scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">
[...] jQuery("#errors*").hide(); window.location= data.themeInternalUrl; } }); } blog.ludikreation.com – Today, 10:18 [...]
[...] Chocolat – plugin jQuery – La visionneuse d’image pratique [...]
[...] Chocolat – plugin jQuery – La visionneuse d’image pratique [...]