jQuery: Changer Image
Question de Invité | 04/08/2020 à 13:13
J'affiche une image dans mon code HTML et je voudrais remplacer cette image par une autre de manière dynamique en utilisant JavaScript (jQuery).
Le HTML pour les images ressemble par exemple à ça.
<img id="img1" src="test.jpg">
Maintenant, je voudrais changer "test.jpg" en "nouveau.jpg", par exemple. En d'autres termes, je voudrais modifier l'attribut SRC de la tag IMG. Est-ce possible en utilisant jQuery?
Sujets Connexes
JavaScript: Comment changer et lire une valeur d'input sans jQuery à l'aide de JavaScript pur
Question | 1 Réponse
jQuery: Y a-t-il un Élément?
Conseil | 1 Commentaire
JavaScript: Capturer l'Envoi d'un Formulaire
Tutoriel | 0 Commentaires
jQuery: Compter les Éléments, les Images, les Classes, etc.
Conseil | 0 Commentaires
JavaScript et jQuery: Remplacer le contenu d'un élément à l'aide de innerHTML
Tutoriel | 0 Commentaires
Delphi: Charger Image JPEG sur TBitmap
Tutoriel | 0 Commentaires
jQuery: Lire et Modifier les Valeurs d'Attributs Data
Tutoriel | 0 Commentaires
Avis Important
Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.
Participer
Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.
En utilisant jQuery, vous pouvez simplement échanger votre image avec .attr(). Dans l'exemple suivant, je prendrai les valeurs de votre question.
$("#img1").attr("src", "nouveau.jpg");Tout d'abord, nous utilisons le sélecteur $("#img1") pour sélectionner l'image avec l'ID "img1". Après cela, nous utilisons .attr() pour donner à l'attribut "src" la nouvelle valeur "nouveau.jpg". Avec cela, vous avez changé votre image.
05/08/2020 à 17:24