chage src img

by Qwerty_Wasd

HTML

<img class="img1" src="https://dummyimage.com/100x100/ffffff/000000" alt="">
<img class="img2" src="https://dummyimage.com/100x100/000000/ffffff" alt="">
<img class="img3" src="https://dummyimage.com/100x100/0009ff/000000" alt="">
<img class="img4" src="https://dummyimage.com/100x100/00ff1e/000000" alt="">
<img class="img5" src="https://dummyimage.com/100x100/ff0000/000000" alt="">

CSS

img{border: 2px solid;}
.hover{border: 2px solid yellow;}

JavaScript

var imga=[]; $("img").click(function(){imga.push($(this).attr("src"));$(this).addClass("hover"); alert(imga);imga.sort(); for (var i = imga.length - 1; i > 0; i--) { if (imga[i] == imga[i - 1]) {imga.splice(i-1,2);$(this).removeClass("hover")}} alert(imga);});
//TODO add keys to values array