Pour mettre en valeur des éléments d’un site, des promotions ou des news, nous utilisons les showcases. Ce sont ces encadrés avec une grande image, du texte et des onglets. Soit les images et le texte s’affichent l’un après l’autre comme un slideshow, soit vous cliquez ou survolez sur un onglet, et l’image correspondante s’affiche.

Ces showcases sont réalisés avec jquery, ce qui permet une meilleure accessibilité, que s’ils étaient développés en flash.

Pour réaliser cela, nous créons une liste, puis nous superposons les éléments de la liste. Avec la fonction javascript setTimeout(), nous alternons l’affichage des images automatiquement. Pour positionner les images, l’une au-dessus de l’autre, nous modifions le z-index des éléments avec l’utilisation du framework jquery.

Exemples :
www.cyc2.be
www.voo.be