Comme promis, un nouvel article dans le blog pour officialiser leurs retours !
Aujourd’hui, on va parler de Glisse.js, un plugin jQuery qui va vous permettre d’ajouter une lightbox à vos sites web. Ce plugin utilise beaucoup de nouveautés CSS3, ce qui fait que ce n’est pas réellement supporté sur tous les navigateurs. mais ce plugin est un bon travail et le rendu est plutôt agréable, découvrez-le, ne serait-ce que pour voir les transitions proposées.
Comment utiliser ce plugin jQuery pour un usage simple et classique :
Insertion de la librairie :
Intégration de la feuille de style de base :
Ajouter un groupe d’image (relié par l’attribut “rel”) :
Vous noterez que l’image de grande taille est annoncée via l’attribut “data-glisse-big”.
Si vous souhaitez un titre avec l’affichage de l’image en grand, il faut ajouter un attribut “title”, comme ceci :
Puis l’appel du plugin en javascript :
$(function () {
$('.pics').glisse({
changeSpeed: 550,
speed: 500,
effect:'bounce',
fullscreen: true
});
});
</script>
Et là, vous obtenez votre rendu.
Il existe quelques options et variantes que vous pouvez découvrir sur le site du plugin jQuery Glisse.js
Et pour télécharger le plugin : https://github.com/Victa/glisse.js/zipball/master
Bon code à tous 
Articles qui peuvent vous intéresser :
- Retour progressif des articles sur LudiBlog
- Chocolat – plugin jQuery – La visionneuse d’image pratique
- Chocolat – plugin jQuery – La visionneuse d’image pratique
- s3Slider – Plugin jQuery – Un slider simple pour vos sites web
- jCoverflip – Plugin jQuery – Le Coverflow simple et efficace
scrolling="no" frameborder="0"
style="border:none; width:540px; height:50px">
[...] blog.ludikreation.com – Today, 9:19 AM [...]
[...] Glisse – Plugin jQuery – Faites défiler vos images [...]
[...] Glisse – Plugin jQuery – Faites défiler vos images [...]