11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Je dois réaliser une galerie d'images avec 7 images maximum (1 grande, 6 vignettes).
Lorsque l'on clique sur une vignette l'image principale vient remplacer la vignette et la vignette vient remplacer l'image principale.
Pour expliquer le fonctionnement je joins un schéma.

Une idée pour faire ça ?

Merci d'avance. upload/32664-galerie2.jpg
Modérateur
Salut, bienvenue sur Alsacréations Smiley smile

lemachin a écrit :
Une idée pour faire ça ?
Oui, tout à fait.

Si le fonctionnement que tu décris reste aussi basique, tu n'as pas besoin de Javascript. Un simple langage serveur tel que PHP peut te permettre de faire ce genre de galerie (en passant le nom de l'image pointée en GET). L'avantage serait que tu conserverais :

- l'historique de navigation,
- la possibilité de faire un bookmark,
- un bon référencement

... ce que tu fais vite sauter en passant par Javascript.
En revanche, cela passe par le rechargement de ta page au clic.

Ceci dit, tu peux ensuite ajouter une surcouche JS pour améliorer le comportement en évitant le rechargement de page (voire en ajoutant des effets visuels) mais, pour bien faire, cela suppose que ta galerie fonctionne sans ce langage (en usant de la technique serveur décrite ci-dessus) et que tu rétablisses l'historique en te servant d'un script tel que swfaddress, par exemple.