Code html ?

Narfolius Messages postés 202 Statut Membre -  
toto1983 Messages postés 215 Statut Membre -
Bonjour,

J'aimerais faire comme ce site, http://www.premier-empire.net/wig/
mettre une image et quand j'appuie sur les fleches, une autre images s'affichent.

Pouvez vous m'aider ? merci
A voir également:

6 réponses

toto1983 Messages postés 215 Statut Membre 13
 
Renseigne toi sur le Javascript dans ce cas www.toutjavascript.com
0
Ceika Messages postés 55 Statut Membre 13
 
Salut Narfolius,


Il faut insérer tes flêches en html (des images)

Tu créés un évènement OnClick sur ces images.

Tu génères le code javascript qui changera l'url de l'image du milieu lorsque tu cliques sur les flêches

function changerImage()
{
this.document.src = "nouvelle url de l'image";
}
0
Narfolius Messages postés 202 Statut Membre 7
 
Bonjour, ceika,
je n'ai pas très bien compris ce que tu voulais dire, je ne suis pas très doué pour cela
0
toto1983 Messages postés 215 Statut Membre 13
 
c pourtant simple
<script>
function changerImage()
{
document.image.src = "nouvelle url de l'image";
}
</script>
<img src = "url de ton image par défaut (tu sais ce que c une url quand même ?)" name ="image" />
<button name = "suivante" onclick="changerImage()">

Du moins quelque chose comme ça
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Narfolius Messages postés 202 Statut Membre 7
 
Mais je peut mettre que une image avec, comment faire pour continuer ensuite ?

Par exemple je clique, sa affiche "image 1", je clique sa affiche "image 2", ainsi de suite ...
0
toto1983 Messages postés 215 Statut Membre 13
 
Bah tu mets un dossier(album photo) de 3/4 images par exemple ayant presuque les mêmes dimensions sur le serveur ou le PC et ensuite ... autant pour moi tu dois faire une boucle.
<script>
var urlsuivante = 0;
function changerImageSuiv()
{
var tableau_url = array ('URLimage1', 'URLimage2', 'URLimage3', 'URLimage4')
urlsuivante ++; // en admettant que tu commence par URLimage1 , tableau_url[0] par excellence
document.image[i].src = ableau_url[urlsuivante];
}
</script>
<img src = "url de ton image par défaut " name ="image" />
<button name = "suivante" onclick="changerImageSuiv()">

Voilà pour précédente tu fais pareil sauf que c l'inverse allez cherche un peu maintenant ... Sinon si vous en êtes pas capable changez de métier y en a pleins qui attendent leur tour :D
Pour l'esthétique toussa toussa utilise ActionScript et Flash je connais pas encore, ou bien le CSS je connais ;)
0