通過單擊按鈕更改img源代碼

Question

當我單擊按鈕時，我想要替換圖像src中的編號（例如，從eyes1到eyes2）。

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的回答，您還可以保持一個增量（如果那是你想要做什麼）

此外，它似乎有您的圖像IDI的眼睛，所以我考慮到了這一點也

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); 

fiddle

Answer 5

試試這個：

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