javascript - 通过单击按钮更改图像源

Question

当我单击一个按钮时，我想替换图像 src 中的数字（例如从 eyes1 到 eye2）。

moveRightBtn.on('click', function(){
    var eyesImg = $('#eyesImg').get(0).src;
    console.log(eyesImg) // <--- folder/folder/folder/img/eyes1.png

    //iterate with one (eg. eyes1.png to eyes2.png) and change the src?
}

做这个的最好方式是什么？

Answer 1

只是为了扩展 pmandell 答案，您还可以保持增量（如果这是您想要做的）

此外，您的图像似乎具有 eyeImg 的 ID，所以我也考虑到了这一点

var counter = 0;

moveRightBtn.on('click', function(){
    $('#eyesImg').attr('src','folder/folder/folder/img/eyes' + counter + '.png');
    counter++
}

编辑

这是一个涉及猫的例子。猫总是帮助
http://jsfiddle.net/alexjamesbrown/6Cve9/

Answer 2

moveRightBtn.on('click', function(){
    $(this).attr('src','new_src_string');
}

Answer 3

moveRightBtn.on('click', function(){
    $(this).prop('src','folder/folder/folder/img/eyes2.png');
}

Answer 4

像这样使用

 var image =  $(this).attr('src');
 //alert(image);
 var newimage = image.replace('1.png','2.png');
$(this).attr('src',newimage );

小提琴

Answer 5

试试这个：

$('#eyesImg').attr('src',$('eyesImg').attr('src').replace('eyes1','eyes2'));