Module photo

Basiquement je cherche à obtenir quelque chose de très similaire à la rubrique "Staff" visible sur la page de ce site d'agence [URL visible pour les membres Pro]

Le layout est très proche et il s'agit là du meilleur exemple que j'ai pu trouver pour illustrer ce que j'avais en tête. La différence majeure est que les images ne sont pas superposées et ne sont pas toutes de tailles identiques (la maquette pourra bien entendu être envoyée)

J'ai tenté différentes approches avec des scripts de carousel ou d'autres comme fullPage.js mais qui ne sont pas satisfaisantes

L'idée est de retrouver le même type d'effet d'apparition et le même principe de rotation des images avec également un chargement progressif des images (lazyload).

Le bouton de decompte animé (en SVG) avec la possibilité de mettre en pause le cycle est également attendu à l'identique.

La projet doit être livré semaine prochaine et je crains de ne perdre trop de temps avec cette section.

J'attends un code qualitatif et documenté avec une approche noscript et responsive intelligente comme dans l'exemple soumis.

A noter que le site utilise Bootstrap4, le code CSS peut dont être produit aussi en SASS.

J'aurais une préférence pour une approche ECMAScript plutôt que Jquery mais je ne suis pas contre l'usage d'autres librairies si cela est justifié.

J'estime à une demi-journée de travail maximum pour un bon développeur front-end avec un budget adapté. Une livraison courant de semaine prochaine est souhaitée.