Bonjour à tous !
Je viens vers vous car je sèche quant à l'approche que je dois utiliser pour réaliser un élément de site web. J'ai fait des recherches sur internet mais je ne dois pas utiliser les bons mots car je ne trouve rien...
Je voudrais faire une sorte de carrousel de vignettes. Ce que j'appelle une vignette c'est une div verticale qui contiendra 1 image et 1 texte. Je ne sais pas à l'avance combien j'aurais de vignettes à afficher, j'implémenterais ça de façon dynamique. Par contre je ne veut afficher que 3 vignettes à la fois. Un bouton à droite fera défiler le fil de vignettes de 1 vignette. Un bouton à gauche fera l'inverse. J'aimerais qu'à chaque clic on voit le glissement. Et sur mobile il faudrait glisser avec le doigt vers la gauche ou la droite.
Voici un exemple de ce à quoi ça doit ressembler : ici
ça existe ce genre de truc sur Bootstrap par exemple ?
Si je dois le coder en javascript, vous me conseillez de m'y prendre comment ?
Je vous remercie pour votre aide !
Modifié par Vahia (22 Dec 2022 - 16:10)
Je viens vers vous car je sèche quant à l'approche que je dois utiliser pour réaliser un élément de site web. J'ai fait des recherches sur internet mais je ne dois pas utiliser les bons mots car je ne trouve rien...
Je voudrais faire une sorte de carrousel de vignettes. Ce que j'appelle une vignette c'est une div verticale qui contiendra 1 image et 1 texte. Je ne sais pas à l'avance combien j'aurais de vignettes à afficher, j'implémenterais ça de façon dynamique. Par contre je ne veut afficher que 3 vignettes à la fois. Un bouton à droite fera défiler le fil de vignettes de 1 vignette. Un bouton à gauche fera l'inverse. J'aimerais qu'à chaque clic on voit le glissement. Et sur mobile il faudrait glisser avec le doigt vers la gauche ou la droite.
Voici un exemple de ce à quoi ça doit ressembler : ici
ça existe ce genre de truc sur Bootstrap par exemple ?
Si je dois le coder en javascript, vous me conseillez de m'y prendre comment ?
Je vous remercie pour votre aide !
Modifié par Vahia (22 Dec 2022 - 16:10)