30
OCT

Slidr.js - Un moteur de slides Javascript léger et efficace

Publié le 30/10/13 à 07h48 par DJo

Slidr.js est une bibliothèque Javascript légère permettant de créer des slides HTML avec transitions subtiles.

Slidr.js est une bibliothèque Javascript légère permettant de créer des slides HTML avec transitions subtiles.

Fût un temps, la mode était aux slides et slideshow dont les transitions étaient plus folles les unes que les autres. Il fallait en mettre plein la vue à ses visiteurs.

Aujourd'hui, la tendance a bien changé, les slideshows ont prouvé leur utilité, mais leurs transitions doivent être plus classes, subtiles et discrètes.

Slidr.js est un framework de slides Javascript moderne ne nécessitant aucune dépendance.

Slidr.js - Slides avec transitions subtiles

Le script propose différentes transitions subtiles: Cube 3D, transitions linéaire ou estomper. Et vous pourrez facilement ajouter vos propres animations CSS3 grâce aux options proposées.

Ses options permettent l'ajout de flèches directionnelles pour naviguer à travers les slides (de manière horizontale et verticale), ainsi qu'un menu en mode pagination des slides.

Il a pour vocation de rester très simple et léger pour réaliser des slides performants sans bling bling.

slidr.create('slidr-ul', {
  breadcrumbs: true,
  controls: 'corner',
  direction: 'vertical',
  fade: false,
  overflow: true,
  theme: '#222',
  timing: { 'cube': '0.5s ease-in' },
  transition: 'cube'
}).start();

Slidr.js dispose d'une API complète avec plusieurs méthodes de contrôle des slides pour vous permettre d'étendre les possibilités.

Le seul hic, c'est la compatibilité navigateur, encore une fois, car qui dit utilisation de transitions CSS3, dit adieu IE8 et moins (dégradé en IE9).

 

Site Officiel

Commentaire fun ! Prix com' FunBaraguiné par tobalsan le 31/10/13 à 00h57
tobalsan sur La Ferme du Web
Le paradis du web designer est un lieu où aucun client n'a plus de versions < ie9.
Baraguiné par ukrcifra le 04/12/13 à 19h30
ukrcifra sur La Ferme du Web
????????? ?????
?????? ???????? ????????????? ?????? ?? ???????????? ? ???????????????? ????????? ????? c ?????? VHS, VHS-C, S-VHS, Video8 (8mm), Hi8, Digital8, MicroMV ? MiniDV (SD ? HDV) ?? DVD ???? (???), ????????? (HDD (?????????) ??? ???? ?????? (??????)). ????????? ????? ?? ????? ??????? ??????. ????????? ??? ????????? ?????: http://www.ukrcifra.com/index-digitization-video.html
????????? ???????????: http://www.ukrcifra.com/index-digitization-video.html
????????? ???????????: http://www.ukrcifra.com/index-digitization-audio.html
????????? ????? ????: http://www.ukrcifra.com/index-prices-discounts-stocks.html
????????? ????? ? ????? ? ?????: http://www.ukrcifra.com/obolon.html
????????? ??????????: http://www.ukrcifra.com/index-ocifrovka-kinoplenki.html
???????? ?????-???: http://www.ukrcifra.com/index-slideshow.html
????????: http://www.ukrcifra.com/
?? ???????? ??? ??????? ? ?????? ?? ?????? ?????, ?? ?????? ??????? ???????, ????? ???: ??????, ???????, ??????, ??????????????, ?????????, ?????, ?????? ???, ????????, ?????????, ???????, ???????, ????????, ???????????, ???????????, ??????, ???????, ????????, ????????, ???????, ????, ????????, ????????, ?????, ???????????????, ??????????, ?????????, ?????-?????????, ?????????, ????, ????? ???????, ??????????, ??????????, ?????, ????????, ????????, ????????, ???????, ???????, ?????????, ???????????, ????????????, ?????????, ?????????, ???????-??????????.

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web