Js ou css
James56
Messages postés
161
Date d'inscription
Statut
Membre
Dernière intervention
-
Popoï_ Messages postés 171 Date d'inscription Statut Membre Dernière intervention -
Popoï_ Messages postés 171 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous.
voila mon soucis :
une page web affiche deux images differente : "http://www.11.gif" et "http://www.22.gif"
et je voudrais qu'a la place il affiche deux autre image tiré d'ailleur sur le net ex: "http://www.55.gif" et "http://www.66.gif"
le truc c'est que ne veux pas toucher au code....mais seulement appliquer un js ou un css.
voila c'est juste un remplacement d'image en js ou css mais je n'y connais rien du tout.
merci de votre aide...
ps: si vous pouvier me donner le code en antier que jai juste a faire un Copier/coller je vous en serait eternellement reconnaissant
voila mon soucis :
une page web affiche deux images differente : "http://www.11.gif" et "http://www.22.gif"
et je voudrais qu'a la place il affiche deux autre image tiré d'ailleur sur le net ex: "http://www.55.gif" et "http://www.66.gif"
le truc c'est que ne veux pas toucher au code....mais seulement appliquer un js ou un css.
voila c'est juste un remplacement d'image en js ou css mais je n'y connais rien du tout.
merci de votre aide...
ps: si vous pouvier me donner le code en antier que jai juste a faire un Copier/coller je vous en serait eternellement reconnaissant
A voir également:
- Js ou css
- Arrondi js - Forum Javascript
- Css exposant ✓ - Forum CSS
- Copiez l'image dans un logiciel d'édition d'images ou un outil en ligne comme js paint ou pixlr e. remplissez les cases en suivant le code couleur. des cases supplémentaires vont se remplir automatiquement. que représente le dessin ? ✓ - Forum Photoshop
- Reproduction d'un dessin - Forum Graphisme
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
9 réponses
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Avec le JavaScript, tu peux modifier les sources des images...
Puisque tu veux absolument un code, je vais te donner celle qui va t'aider
<script>document.getElementById('ID_de_ton_image').src = 'la nouvelle source de ton image';</script>
Ensuite tu n'as plus qu'à ajouter des id à tes images
<img src = "la_source_qui_va_changer_avec_le_script" id = "ID_de_ton_image">
Et coller le script que tu colleras APRES l'image: si tu écris ton script avant l'image, le navigateur va d'abord interpréter le script et donc il va rechercher l'id qui correspond à celui que tu recherches alors qu'il n'a pas encore interprété la ligne de code "<img src blablabla...", donc il va pas trouver ton id et ne va pas interpréter ton script...
Puisque tu veux absolument un code, je vais te donner celle qui va t'aider
<script>document.getElementById('ID_de_ton_image').src = 'la nouvelle source de ton image';</script>
Ensuite tu n'as plus qu'à ajouter des id à tes images
<img src = "la_source_qui_va_changer_avec_le_script" id = "ID_de_ton_image">
Et coller le script que tu colleras APRES l'image: si tu écris ton script avant l'image, le navigateur va d'abord interpréter le script et donc il va rechercher l'id qui correspond à celui que tu recherches alors qu'il n'a pas encore interprété la ligne de code "<img src blablabla...", donc il va pas trouver ton id et ne va pas interpréter ton script...
