Question

Hi I am using the following script to change a button image to toggle between play and stop:

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

It does not work, would appreciate your suggestions.

Answer 1

try this:

$(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");
            }
    });
});

also add id="btn" to :

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