Atualmente, estou tentando verificar o mouseover na imagem, se o mouse estiver apontando na imagem, será necessária outra imagem para substituir a imagem original

aqui está o meu código:

Código ASPX:

    <img class="xyz" data-alt-src="<%=widget1%>" src="<%=widget1%>"/>

Código por trás:

    protected string widget1
    {
        get
        {
            if (mousehover==true)
            {
                return "Pic/pic1.jpg";
            }
            else{
                return "Pic/pic2.jpg";
            }
        }
    }

Jquery:

var sourceSwap = function () {
            var $this = $(this);
            var newSource = $this.data('alt-src');
            $this.data('alt-src', $this.attr('src'));
            $this.attr('src', newSource);
        }

    $('img[data-alt-src]').each(function () { 
    var $this = $(this); 
    new Image().src = $this.data('alt-src'); 
    $this.hover(sourceSwap, sourceSwap); });