Master 2, Web Analyste, année 2019

Aujourd’hui, notre objectif est d’améliorer la visualisation de cette page grâce à Javascript (télégarger la page ici).

1. En modifiant le CSS, rendez invisible toutes les images.

2. Créer une fonction Javascript afficher(i) qui prend en paramètre un entier i et qui rend visible l’image i.jpg. De même, créer une fonction Javascript cacher(i).

3. En utilisant uniquement Javascript, faire une page avec trois boutons précédant, au hasard et suivant permettant d’afficher ces images les unes après les autres (une sorte de slideshow).

4. Modifier le code précédent pour faire un slideshow uniquement en javascript (sans balise img dans la page index.html)

5. On va maintenant afficher les images sous forme d’une galerie sur une grille de taille 5x5. Comme il y a 123 images à afficher, il faut les repartir sur plusieurs page, comme ci dessous.

6. Proposez des mécanimses fonctionnels pour retourner l’ordre des images, en afficher une sur deux.

Compiled the: mer. 04 sept. 2024 12:49:40 CEST