Code html ?
Narfolius
Messages postés
180
Date d'inscription
Statut
Membre
Dernière intervention
-
toto1983 Messages postés 205 Date d'inscription Statut Membre Dernière intervention -
toto1983 Messages postés 205 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Code html ?
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
6 réponses
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";
}
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";
}
Bonjour, ceika,
je n'ai pas très bien compris ce que tu voulais dire, je ne suis pas très doué pour cela
je n'ai pas très bien compris ce que tu voulais dire, je ne suis pas très doué pour cela
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
<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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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 ...
Par exemple je clique, sa affiche "image 1", je clique sa affiche "image 2", ainsi de suite ...
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 ;)
<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 ;)
