Code html ?

Fermé
Narfolius Messages postés 180 Date d'inscription lundi 14 décembre 2009 Statut Membre Dernière intervention 7 décembre 2016 - 15 déc. 2009 à 12:53
toto1983 Messages postés 205 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2010 - 15 déc. 2009 à 20:00
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 205 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2010 13
15 déc. 2009 à 13:11
Renseigne toi sur le Javascript dans ce cas www.toutjavascript.com
0
Ceika Messages postés 52 Date d'inscription mercredi 13 décembre 2006 Statut Membre Dernière intervention 15 décembre 2009 13
15 déc. 2009 à 13: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 180 Date d'inscription lundi 14 décembre 2009 Statut Membre Dernière intervention 7 décembre 2016 7
15 déc. 2009 à 16:25
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 205 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2010 13
15 déc. 2009 à 16:38
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 180 Date d'inscription lundi 14 décembre 2009 Statut Membre Dernière intervention 7 décembre 2016 7
15 déc. 2009 à 17:19
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 205 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2010 13
15 déc. 2009 à 20:00
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