Dans cette 8ème vidéo dédié à la formation « CarouFredSel », je vous montre comment faire un accordéon vertical. Pour cette exemple, l’accordéon affiche 5 images avec les titres correspondant. J’ai ajouté un effet de clic au niveau des titres pour afficher les images directement. Le script lié à cette vidéo est sur la page de téléchargement
CarouFredSel – faire un texte défilant
Comme je vous l’ai déjà montré avec CarouFredSel, il est possible d’intégrer de l’HTML et du texte dans les carrousels. Dans cette exemple, il n’y a aucunes images. C’est juste un texte défilant comme on peut le voir dans les journaux télévisé. Le script correspondant à ce tutoriel est visible sur la page de téléchargement
CarouFredSel – carrousel à onglets non-circulaire
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.
CarouFredSel – item individuel
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.
carouFredSel – carrousel à forme arrondi
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