jQuery的切換按鈕圖像播放/停止

Question

嗨，我使用下面的腳本來更改按鈕圖像播放之間切換和停止：

<input type="image" src="../../Content/images/play.png" name="btn" style="width:22; height:22;" /> 
    $(document).ready(function() { 
      $('#btn').bind("click", function() { 
       if ($(this).attr("scr") == "../../Content/images/play.png") 
        $(this).attr("scr", "../../Content/images/puase.png"); 
       else 
        $(this).attr("scr", "../../Content/images/play.png"); 
      }); 
     }); 

它不工作，希望得到您的建議。

Answer 1

試試這個：

$(document).ready(function() { 
    var is_play = true; 

    $('#btn').click(function() { 
     if (is_play){ 
      is_play = false; 
      $(this).attr("src", "../../Content/images/puase.png"); 
     } 
     else{ 
      $(this).attr("src", "../../Content/images/play.png"); 
      } 
    }); 
}); 

還添加id="btn"到：

<input type="image" id="btn" src="../../Content/images/play.png" name="btn" style="width:22; height:22;" /> 

Answer 2

您應該使用

$('input[name=btn]').bind("click", function() { 

，改變scr到src