Salut !!

Après moult recherche sur le net je ne trouve pas vraiment mon bonheur...

Je cherche à faire une banderole d’image qui défilent sur la droite de la page dans un système de boucle verticalement. Au passage de la souris sur une image, le défilement s’arrête et agrandi légèrement l'image. et si un clic sur l'image, elle s’agrandit en prenant une bonne partie de l'écran avec un commentaire en dessous et en grisant l'arrière plan (et une croix quelques part pour refermer l'image)

Bon je sais que j'en demande beaucoup mais au pire si vous avez des liens qui pourraient m'aider pour réaliser cela, je prends aussi !!

Et pour info, je suis encore novice en JS (je connais les bases et j'ai déjà fais certaines choses) mais je ne connais pas JQuerry pour le moment...

Merci d'avance =)

En gros c'est un sorte de caroussel que tu veux faire, avec défilement latéral de différente images ?

Alors en général, tu as un certain nombre d'image chargée, par exemple 5, qui sont visibles. Et les autres qui sont cachées car elles dépassent de la div parent qui est en overflow:hidden.

Et le javascript va se charger de faire défiler ces images, en modifiant leur position et en animant le déplacement. Tu peut jouer avec relative/absolute et avec top/left, voir si ça convient. Tu peut aussi jouer avec le scroll de la div parent, par exemple avec la fonction scrollLeft pour déplacer le scroll de la div parent(qui est en overflow:hidden).

Après à tester, c'est des idées que j'ai comme ça, j'ai pas testé, mais ca devrait fonctionner.

-
Edité par lk77 20 juillet 2019 à 17:44:43