Discussion :

[delmina]

Bonjour,

je réalise un site web et j'aimerais y ajouter des photos mais d'une manière bien particulière :

en fait, j'aimerais qu'on ne voie qu'une seule photo mais que lorsque on clique dessus la photo change en une autre photo, tout en restant sur la même page...

Si quelqu'un peut m'aider merci d'avance

[E.Bzz]

Bonjour et bienvenue sur Developpez.com

Tu peux faire ça en ayant une seule <img> sur ta page.
Il te suffit de modifier son src pour afficher la nouvelle image.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="image1.gif" onclick="this.src=nouvelle_url;">

Tu peux par exemple stocker les url dans un tableau (array) que tu utiliseras pour modifier l'url de l'image ...

A+

[le_chomeur]

ce qui donnerait un truc dans le genre :

en variable globale

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var mesImages = ['urlimage1.jpg','urlimage3.jpg','urlimage3.jpg'];
var i = 0 ;

puis sur l'image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="image1.gif" onclick="i = (i< mesImages.length-1)? i++:0;this.src=mesImages[i];">

[delmina]

Un grand merci, ça fonctionne, j'ai juste du modifier un peu le code et utiliser la fonction main dans le code sinon je les photos ne changeaient pas..

Merci pour votre aide

[le_chomeur]

de rien , n'oublie pas le tag résolu ^^