Changer la source d'une image
Bonjour à tous,
J'ai un tableau qui contient une série d'images identiques sauf la couleur. J'ai 3 couleurs possibles 0, 1 et 2. Le but de mon script est qu'à chaque clic, je change de couleur.
Mon script semble fonctionner, mais j'ai des doutes sur la fiabilité de la ligne 19.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
var tbody = document.querySelector('#tbody');
function setIndex(index) {
index ++;
index = index >2 ? 0: index;
return index;
}
tbody.addEventListener('click', function(e) {
let img = document.querySelector('#'+e.target.id);
let src = e.target.src;
let ext = '.gif'; // voir extension qui va être changée en png
let pos = src.lastIndexOf(ext);
pos --;
index = src.substr(pos, 1);
index = setIndex(index);
let newSrc = dirImg+index+ext; // dirImg est défini dans le code php
e.target.src = newSrc;
}, false); |