Faire un bandeau diaporama avec eZ Publish (Partie 1)

• Publié le 08 Janvier 2009
• 1 commentaire(s)
• Catégorie : Technologies Web

“

Lui : Ha ouais sympa ton bandeau Flash, c'est toi ka fait les photos ?
Moi : Oui, oui, enfin, c'est pas du Flash, tu veux savoir comment c'est fabriqué ? Alors tu ...
Lui : Ha t'es allé au Japon ? Marrant la photo des canettes !
Moi : Heu... Oui, oui, en fait c'est pas du Flash... mais bon, tu veux un verre de Rouge ?

”

Ce qui va suivre est un peu pénible, ne cliquez sur "lire la suite" que si vous savez ce qu'est un Datatype Objet relations.

Je ne colle pas ici tout le code, mon but est plutôt d'expliquer la logique et les mécanismes de eZ Publish et de Mootools au travers d'un exemple un peu ludique. Si vous ne trouvez pas cela ludique, merci de consulter ma cave et de cliquer un peu partout...

Mon cahier des charges

• Un bandeau photo, faisant défiler des photos à intervalle régulier, avec un effet de fondu entre chaques photos (on voit beaucoup ce genre d'effet sur les bandeaux Flash)
• Chaque page du site peut posséder son diaporama. Si ce n'est pas le cas, alors on affiche le diaporama de la page supérieure (et ainsi de suite)
• Les diaporamas sont différents, mais exploitent la même base de photos
• Évidement je souhaite créer et administrer mes diaporamas en Back Office sur eZ Publish

Création des classes sur eZ Publish

Je ne modifie pas la classe "images" qui correspond à mon besoin.

Je crée la classe "Diaporama" : Titre (ligne de texte), Photos (relations d'objets)
J'ajoute un attribut "Diaporama" dans mes classes principales, en relation d'objet unique (par exemple dans la classe "cave")

Création des diaporamas

Une fois mes classes crées, je peux déjà créer mes diaporamas (après avoir au préalable ajouté les photos dans la médiathèque). Les relations d'objets me permettent également d'ordonner l'affichage de chaque photos de mon diaporama.

Association des diaporamas

Une fois mes diaporamas créés, je peux les associer à mes pages principales, dans cet exemple il s'agit de l'objet "ma cave".

Voilà tout est prêt dans mon Back Office, il ne me reste plus qu'à afficher ce contenu sur mon frontal, avec un jolie template et Mootools, ce que je décrirai dans un prochain billet... je tente l'effet Teaser pour voir si ça fonctionne...

• Tags :
• Diaporama
• Object Relations
• eZ Publish
• mootools