CarouFredSel est un plugin assez souple en ce qui concerne la création de carrousel.
Avec du CSS et quelques lignes de Javascript, on peut dévier de sa fonction première et créer des carrousel à onglets non-circulaire.
Si vous voulez faire des expériences avec le script, récupérez-le sur la page de téléchargement.
Avec carouFredSel, nous pouvons créer des carrousels faisant défiler plusieurs images individuellement de haut en bas, et de manière asynchrone.
Dans mon exemple, je fais défiler 3 images à la fois, et on les voit défiler individuellement.
Voici la vidéo de mon exemple :
Vous pouvez récupérer le script sur la page de téléchargement.
En ajoutant du CSS3 à carouFredSel, il est possible de faire des miracles de design. Dans ces miracles, il y a la créations de carrousels en forme de cercle.
Je vous donne donc un exemple de carrousel arrondi avec des miniatures qui se cache ou s’affiche selon l’image courante.
Voici le tutoriel vidéo :
Le script du tutoriel est dans la page de téléchargement.
Après 2 sliders horizontaux, je vous montre comment faire un slider vertical en moins de 20 minutes.
Ce slider « carouFredSel » est composé de 2 partie : une partie image et une partie texte.
Voici la vidéo :
Dans la deuxième vidéo de cette formation, je vous montre comment rajouter du texte HTML en plus des images.
Et j’ajoute aussi un effet élastique pour plus de dynamisme.
Voici comment faire en vidéo :
Vous pouvez récupérer le script de ce tutoriel sur la page de téléchargement.