changer le src d une image au clique

aliounemane2
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 
$(".img").click(function(e){
    $(this).attr('src','new-src.png');
});
betaWeb

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