Ubuntu-fr

Shanx

À la recherche d'un slideshow

Salut,

Je suis à la recherche d'un slideshow pour montrer quelques photos. Je recherche un truc super simple, tellement simple que je ne le trouve pas. Les points importants :

• Léger (html5 + css, éventuellement du JS)

• Responsive (faut pouvoir les voir depuis un téléphone)

• Pas de thumbails. Une seule et unique photo stockée sur le serveur.

• Redimensionnement auto des images (paysage ou portrait) pour être le plus grand possible sur l'écran (les images seront de tailles et format variables) (c'est très souvent le point bloquant)

• Petite légende discrète.

Par exemple un slideshow comme ça avec redimmensionnement auto des images serait parfait.

Je ne suis pas du tout un pro des techno web (même si je peux me débrouiller en prenant mon temps). Comme j'ai pas trop de temps et que j'ai un peu la flemme, je préfère demander si quelqu'un ne connait pas un truc qui me conviendrait avant de me lancer dans des modifs.

Merci.

---

Mes randos : grande traversées des Alpes, de l'Islande, de la Corse, du Japon (en vélo), etc.
Traversée des États-Unis à pied

αjet

Re : À la recherche d'un slideshow

Salut Shanx,

J'ai pas trop de piste car pour mon autogalerie j'ai pas trop cherche site de gallerie etant donne que je voulais faire cette partie moi meme.

Si tu veux du responsif, je ne suis pas sur que le CSS seul soit suffisant, tu devras faire un peu de JS ne serait-ce que pour redimentionner les images.
Pourquoi une seule image, en terme de performance et de debit pour l'utilisateur il serait plus judicieux d'avoir plusieurs photos afin de ne pas telecharger une photo de 2000px de large si l'ecran de l'utilisateur n'en fait que 1200 par exemple.
Quelques pistes:
element img avec plusieurs tailles d'images en srcset: https://css-tricks.com/responsive-image … se-srcset/
utilisation de media queries et passer l'image en background-image: 
https://developer.mozilla.org/en-US/doc … ia_queries
https://www.smashingmagazine.com/2013/0 … nd-images/

Perso j'aime pas trop la deuxieme approche car l'image n'est pas dans le DOM. Tu perds en sementique.

Et sinon en back end tu penses a quoi pour gerer ces photos ?

Dernière modification par αjet (Le 06/10/2016, à 23:00)

---

αjet: ça se prononce alfajet, bordel ! | GMT+1 | Viens poueter avec moi, bordel ! | Mes photos | Shaarli | Fluidbuntu-fr

nouvelhumaniste

Re : À la recherche d'un slideshow

Hello, message vu un peu tard. Reveal.Js peut-être.