Merci beaucoup pour ce tutoriel simple mais très instructif. Je crois que c'est la première fois que je réussis un slider avec un tuto sur RUclips. Thank's !!!
Hello Ben, au top tes vidéos :) C'est chouette ce que tu fait. Petit tweak pour éviter du code dupliqué : créer une fonction suivant() avec le code contenu dans ta fonction anonyme de ton addEventListener et l'ajouter en appel sur le addEventListener et dans le setInterval :)
Merci Jérémie, ça date ! J'ai appris que tu es rentré d'ailleurs, faudrait se capter un jour si ça te dit :) Exact, d'ailleurs j'y ai pensé plusieurs fois en le faisant, my bad , en plus c'est un peu la base de la programmation de ne pas se répéter ! Point à prendre en compte pour les prochaines vidéos :)
Très bonne remarque d'un viewer, pour améliorer ce script et éviter les répétitions de code, n'hésitez pas à créer une fonction suivant() que vous mettrez dans l'event listener au clic sur "suivant" ainsi que dans le "setInterval" :)
Bonjour et merci pour cette vidéo très clair... Surtout pour une personne comme moi qui n'ai pas de formation informatique et qui essaie de mettre les mains dans le cambouis... Du coup je rejoins ton groupe sur discord car j'aurai sans doute des questions à poser. Encore bravo ...
Salut à toi ! Déjà un grand merci pour tes vidéos qui m'aide grandement dans mon apprentissage et dans ma compréhension! Je me demandais s'il était possible de combiner ce qu'on apprend dans cette vidéo avec celle de ta vidéo sur le menu responsive. Cordialement
Salut l'ami ! Bon tuto bien précis néanmoins si je peux te recommander quelque chose c'est de ne pas utiliser des "let" à tout bout de champ. Seul les éléments qui sont susceptibles de changer de valeur durant l'exécution de ton script prennent un "let" sinon tu dois mettre "const" à ta variable. Disons que c'est plus approprié .
@@BenBK Et ensuite il vaut mieux éviter de mettre des underscore dans la définition de tes variables. Par exemple si tu déclares ta variable img__slider il vaut mieux mettre imgSlider. C'est la syntaxe la plus recommandée pour éviter tout problèmes
super tuto, merci bcp j'aimerais savoir en complétement si il est possible de réduire la vitesse des slides ? Est-il possible de rajouter du text à l'avant des images ? merci par avance et encore merci
Yep pour la vitesse des slides change juste la valeur dans le setinterval. Pour le texte il faudra faire un text avec un position absolute et gérer le positionnement
Hello, difficile à expliquer comme ça mais tu peux rajouter un paragraphe pour chaque image, mettre les deux dans une div et faire slider la div et pas que l'img
Très bon tuto ^^ ! Du coup si on code en EJS via des images récupérés en BDD comment on peut faire ça sachant que les données sont récupérés via une boucle for of ? 😅 car du coup je ne peut pas accéder à une image en particulier pour la mettre dans une div (tout est recupéré en requête SQL 😅)
Super ! explications claires ! pour moi tout à fonctionné... jusqu'à ce que je souhaite faire slider des div au lieu d'images, et là c'est la ca ca ta trophe ! au lieu de faire j'ai fait
en ne changeant rien sur le code css et js et ca ne fonctionne pas; je ne sais pas pourquoi ? un indice ? merci ;-)
@@BenBK Merci, je pense que j’ai trouver la solution pour mon problème, dans .slider img {} j’ai mis contain à objectif-fit et ça fait ce que je cherchais. Encore merci.
super tuto merci , j'ai eu un soucis pour les flèches elles n'étaient pas vraiment au centre donc j'ai fait comme ça : .left, .right { color: red; font-size: 3rem; position: absolute; top: calc(50% - 1.5rem); }
Très bonne vidéo, ceci dit j'arrive pas à faire déplacer mes images . Quand j'appuie sur les flèches rien ne se passe...je comprends pas trop. Un coup de pouce ? merci ;)
Grave agréable à suivre ! Tout fonctionne pour ma part sauf quand j'arrive sur ma page la premiere image n'apparait pas, impossible de comprendre pq pour le moment 🧐
N'hésitez pas à essayer de réaliser le slider de votre côté grâce au pdf fourni en description 🤗 good luck !
Tout est bien détaillé et clair, merci !!!
Merci beaucoup pour ce tutoriel simple mais très instructif. Je crois que c'est la première fois que je réussis un slider avec un tuto sur RUclips. Thank's !!!
Super !
Clair et bien détaillé. Merci.
Si je pouvais m'abonner 100x je l'aurai fait, tu expliques vraiment d'une façon claire.
MERCI ! Meilleur tuto, bien expliqué, le PDF est génial. Si t'as d'autres pdf => d'autres tutos😁
Merci à toi, c'est long à réaliser mais why not aha !
Merci , c'est très bien détaillé
Merci beaucoup pour tex explications claires et limpides, c'est cool !
Merci à toi 🙏
Je viens de découvrir la vidéo trés intéressante et concise,
Au top
Merci pour cette super vidéo très bien expliquée
Merci à toi !
Hello Ben, au top tes vidéos :)
C'est chouette ce que tu fait.
Petit tweak pour éviter du code dupliqué : créer une fonction suivant() avec le code contenu dans ta fonction anonyme de ton addEventListener et l'ajouter en appel sur le addEventListener et dans le setInterval :)
Merci Jérémie, ça date ! J'ai appris que tu es rentré d'ailleurs, faudrait se capter un jour si ça te dit :) Exact, d'ailleurs j'y ai pensé plusieurs fois en le faisant, my bad , en plus c'est un peu la base de la programmation de ne pas se répéter ! Point à prendre en compte pour les prochaines vidéos :)
Thank you so much bro
Mercie vraiment tu explique bien j'ai aimé
Merci à toi 😊
Très bonne remarque d'un viewer, pour améliorer ce script et éviter les répétitions de code, n'hésitez pas à créer une fonction suivant() que vous mettrez dans l'event listener au clic sur "suivant" ainsi que dans le "setInterval" :)
Waouuh 🎉🎉🎉
merci !
Bonjour et merci pour cette vidéo très clair... Surtout pour une personne comme moi qui n'ai pas de formation informatique et qui essaie de mettre les mains dans le cambouis...
Du coup je rejoins ton groupe sur discord car j'aurai sans doute des questions à poser.
Encore bravo ...
Avec plaisir 🙏🙏🙏
Thanks you!
Thank you !
merci
Salut à toi !
Déjà un grand merci pour tes vidéos qui m'aide grandement dans mon apprentissage et dans ma compréhension!
Je me demandais s'il était possible de combiner ce qu'on apprend dans cette vidéo avec celle de ta vidéo sur le menu responsive.
Cordialement
Hello, oui bien entendu !
@@BenBKMerci de ta réponse!
J'ai bien essayé hier pendant 2/3 heures sans réussir, aurait tu un lien me permettant de comprendre ce comment procéder ?
@@alexandremichel3304 Uhm non malheureusement je n'ai pas fait de tuto sur les 2 en même temps
Top vidéo j ai besoin d aide je comprend pas pourquoi je peux pas styler les i prec et suivant
Salut l'ami ! Bon tuto bien précis néanmoins si je peux te recommander quelque chose c'est de ne pas utiliser des "let" à tout bout de champ. Seul les éléments qui sont susceptibles de changer de valeur durant l'exécution de ton script prennent un "let" sinon tu dois mettre "const" à ta variable. Disons que c'est plus approprié .
Hello ! En effet tu as tout à fait raison, merci pour ce message bienveillant ! ❤️
@@BenBK Je t'en prie frero ! :)
@@BenBK Et ensuite il vaut mieux éviter de mettre des underscore dans la définition de tes variables. Par exemple si tu déclares ta variable img__slider il vaut mieux mettre imgSlider. C'est la syntaxe la plus recommandée pour éviter tout problèmes
@@BenBK Mais sinon super tuto car j'ai jamais vraiment bien compris la logique des sliders et tu l'expliques assez bien je dois dire
Super vidéo j'ai un petit problème quand j'arrive sur mon site j'ai bien ma première photo mes au premier click plus rien
super tuto, merci bcp
j'aimerais savoir en complétement si il est possible de réduire la vitesse des slides ?
Est-il possible de rajouter du text à l'avant des images ?
merci par avance et encore merci
Yep pour la vitesse des slides change juste la valeur dans le setinterval. Pour le texte il faudra faire un text avec un position absolute et gérer le positionnement
Salut Ben, merci pour cette vidéo.
Est-ce que je pourrais savoir par hasard quel est le modèle de ton clavier stp ? :)
Merci
Hey, c'est un ordinateur portable
Salut, j'aimerai avoir un paragraphe de texte selon chaque image du slider, tu aurais une idée afin d'implémenter ce petit plus ? Merci !
Hello, difficile à expliquer comme ça mais tu peux rajouter un paragraphe pour chaque image, mettre les deux dans une div et faire slider la div et pas que l'img
@@BenBK Merci !
Très bon tuto ^^ ! Du coup si on code en EJS via des images récupérés en BDD comment on peut faire ça sachant que les données sont récupérés via une boucle for of ? 😅 car du coup je ne peut pas accéder à une image en particulier pour la mettre dans une div (tout est recupéré en requête SQL 😅)
Tout dépend du langage serveur que tu utilises. PHP ? Python ? NodeJS ? il y en a plein
Bien expliqué merci . Je ne vois pas où vais je trouver le PDF . Quelqu'un peut m'aider svp
Hello et merci ! Dans la description de la vidéo 😃🙏
Super ! explications claires ! pour moi tout à fonctionné... jusqu'à ce que je souhaite faire slider des div au lieu d'images, et là c'est la ca ca ta trophe !
au lieu de faire
j'ai fait
en ne changeant rien sur le code css et js
et ca ne fonctionne pas; je ne sais pas pourquoi ? un indice ? merci ;-)
Super vidéo, très facile a comprendre ! Pour ce qui est du responsive, le slider l’est, mais les images ne le sont pas, comment faire ?
Hello, Si le slider l'est, alors les images aussi ☺️
@@BenBK Merci, je pense que j’ai trouver la solution pour mon problème, dans .slider img {} j’ai mis contain à objectif-fit et ça fait ce que je cherchais. Encore merci.
super tuto merci , j'ai eu un soucis pour les flèches elles n'étaient pas vraiment au centre donc j'ai fait comme ça :
.left, .right {
color: red;
font-size: 3rem;
position: absolute;
top: calc(50% - 1.5rem);
}
Hello merci à toi, cependant avec ce que j'ai écris elles sont exactement au centre ^^
@@BenBK oui ça doit venir de moi j'ai du rater une étape 😅🤦🏽♂️ je vais le refaire , merci encore
Très bonne vidéo, ceci dit j'arrive pas à faire déplacer mes images . Quand j'appuie sur les flèches rien ne se passe...je comprends pas trop. Un coup de pouce ? merci ;)
Bonjour le slider c'est limage de font dans un site ?
Non, c'est plutôt une suite d'images qu'on peut parcourir :)
@@BenBK ok merci pour l'explication
@@gobajoseph5064 Après, tu peux aussi mettre un slider en image de fond, plusieurs images défileraient en fond ;)
Pourquoi ça ne couvre pas toute la page ?
C'est un choix 🤪
Grave agréable à suivre ! Tout fonctionne pour ma part sauf quand j'arrive sur ma page la premiere image n'apparait pas, impossible de comprendre pq pour le moment 🧐
Étrange, tu as bien mis 0 au niveau de l'index de l'image dans larray ?
Salut mes suivant et précédent ne veulent pas ce mettre au dessus de mes image :/
regarde les infos de cette vidéo sur le z-index, ça vient de là. ;) bon courage ! :)
@@BenBK Déjà essayer avec le z-index et ça ne marche pas :/
@@BenBK La différence que j'ai avec toi c'est que mon .slider je lui donne une height de 400px et je lui donne un width de 800px