A l’origine du projet il y a l’expression de besoin :
Le site CanalJ va changer de peau, c’est a dire qu’il va changer visuellement mais il restera identique au niveau fonctionnel.

Le diaporama de la page d’accueil un des outils de la rédaction web de CanalJ, il permet de mettre en avant certains contenus, de diriger le trafic vers un nouveau dessin animé, le dernier jeu concours pour gagner des ipAds, des ipHone5 gratuits etc.
Pour le matériel aPple cité ci-dessus c’est entièrement faux, c’est c’est encore une astuce pour le référencement.

Le jeu des 7 différences :

• 4 éléments de menu disposés verticalement au lieu de 5 à l’horizontal
• Flash sur fond transparent pour que l’on puisse voir l’habillage (grumble… ça c’est un coup dans le dos de la part de la DA mais bon je ne peux rien lui refuser…)
• 2 zones de visuels au lieu d’une
• Visuels et textes sont inclinés de quelques degrés
• Beaucoup d’autres  détails (typo, animations liées aux mises en avant etc)

Le choix technologique
L’ancien diaporama avait été réalisé en Flash par le Directeur Artistique de l’époque ( un poulet qui se reconnaitra si il lit ce post ^^ )

Même si il est plus rapide de conserver la même technologie pour faire une refonte graphique, ce n’est absolument pas une obligation,
Ici le cas est intéressant car au même titre que les rollover, ou les menus animés, les diaporamas ne sont plus l’apanage de la technologie Flash.
Les développeurs web de chez Lagardère utilisent la librairie javascript jQuery, voilà une page d’exemple de Diaporamas prêt à l’emploi et réalisé avec cette technologie : http://www.webanddesigners.com/15-jquery-slideshow-and-plugins/

La très large majorité (si ce n’est tous) sont libres de droits, il suffit donc de faire ses courses sur le web  en choisissant celui qui semble le mieux répondre aux besoins.

Pour ce projet les visuels sont orientés de 3 degrés ce qui implique en plus de la rotation de faire un défilement en diagonal. Le plus simple dans ce cas c’est de suggérer au graphiste de faire un défilement horizontal, d’oublier l’inclinaison des visuels etc.

Sur la plupart des sites du groupe Lagardère, cela fait sens mais sur un site jeunesse cette fantaisie fait partie de l’identité de la marque.

Avec la technologie Flash on sait faire des rotations de visuels et de texte depuis Flash 5 (sorti en 2000) donc pas de blocage technique*, on peut passer à la phase suivante.

*Toi évangéliste HTML5, toi fan boy des formats web standards ouverts,  tu as senti comme un pincement au niveau du ventricule gauche ? et bien il va falloir vivre avec encore quelques années ^^*