Slideshow

Bonjour,
J'ai créé un Slideshow comme vous l'avez décrit, en remplaçant vos photos avec les miennes.
Mais apparemment, j'ai constaté que je ne pouvais pas ajouter plus que 4 photos,
étant donné que ce script (avec style.css) est limité à quatre photos!.
Et il n'y a pas moyen d'en ajouter d'autres, par exemple une dizaine de photos en Slideshow!?.
Avez-vous une solution, pour mettre une dizaine de photos, voire plus!?. Merci.
Cordialement.
Modifié par sziad (23 Jan 2022 - 15:31)

Ça serait bien que tu cites la source du slider afin qu'on puisse aller le voir...

Bonjour,
Merci pour votre réponse rapide!
voici, vous l'avez mis aussi en down & share:
http://creativejuiz.fr/trytotry/dl/download.php?c=juizy-slideshow&v=1.0.0

...Je ne sais pas...peut-être devrai-je modifier le fichier 'style.css, pour subdiviser & rajouter du timer??
=>
@-webkit-keyframes slider
....etc...
.....
........

https://www.creativejuiz.fr/blog/tutoriels/css3-creer-slideshow-automatique-controlable-transition

Bonjour,

en tête de l'article, il est bien dit :
"Cet article a 10 ans. Il commence à dater mais n'est pas forcément obsolète. Lisez-le en gardant son âge en tête ! Merci".
Ça ne l'empêche pas de fonctionner mais depuis, il y a eu bien d'autres sliders. J'espère que tu as lu aussi les très nombreux messages qui suivent le code, il y a de bugs corrigés et beaucoup de propositions. Il y a même des questions jusqu'en 2021.
On peut y mettre plus de quatre images, tu devrais lire les commentaires en bas de l'article. Ce slider fonctionne notamment avec les @keyframs. Là, c'est calé sur quatre image, si tu veux en ajouter, il faudra refaire les calculs; c'est pas trop souple, à chaque fois que tu voudras une nouvelle image, nouveau calcul. C'est même très lourd. Je serais à ta place

https://www.guyom-design.com/blog/astuces/css/tuto_diapo_css/#!
Il y a là toute une série de sliders très intéressants et bien moins lourds.
Et si tu veux, j'ai, en production, un slider très simple pur css/html, responsive avec flexbox, qui fonctionne avec les appareils tactiles et auquel on peut ajouter des images très simplement. Il fonctionne avec scroll-snap, sans défilement automatique mais ça, ça énerve tous les visiteurs. En mode desktop, il n'y a plus de flèches, disgracieuses et encombrantes; on glisse avec la molette de la souris et la touche majuscule, bien plus pratique que les flèches. En mode mobile, on glisse avec le doigt.
Modifié par Bongota (23 Jan 2022 - 19:32)