changer le src d une image au clique

Par aliounemane2, il y a 10 ans

Javascript

salut

J'utilise Kurento-magic-mirror et à chaque fois que je voudrais changer d'image je suis obligé de changer le nom de l'image c'est à dire changer le nom de mario-wings.png

function getopts(args, opts) { var result = opts.default || {}; args.replace( new RegExp("([^?=&]+)(=([^&]*))?", "g"), function($0, $1, $2, $3) { result[$1] = decodeURI($3); }); return result; }; var args = getopts(location.search, { default: { ws_uri: 'ws://' + location.hostname + ':8888/kurento', hat_uri: 'http://' + location.host + '/img/mario-wings.png', ice_servers: undefined } });

je voudrais savoir, svp comment faire pour changer le src lorsque on clique dessus en quelque sorte, comment changer l image au clique ;)

J'ai commencé par bout de code mais l'alert passe à merveille

function changeImage(nom){ $("#test1").attr('src', 'img/test1.png'); alert("Test 1 . PNG"); }

merci pour vos réponses

2 réponses

Benjamin Derepas, il y a 10 ans
$(".img").click(function(e){ $(this).attr('src','new-src.png'); });
betaWeb, il y a 10 ans

Salut,

JS :

var imgs = document.querySelectorAll('.img'); Array.prototype.forEach.call(imgs, function(img) { img.addEventListener('click', function() { this.setAttribute('src', 'new-src.png'); }, false); });

jQuery : cf réponse de @Benjamin Derepas