¿Cómo usar if-else para verificar el mousehover?
Actualmente estoy tratando de verificar el mousehover en la imagen, si el mouse apunta a la imagen, tomará otra imagen para reemplazar la imagen original
Aquí está mi código:
Código ASPX:
<img class="xyz" data-alt-src="<%=widget1%>" src="<%=widget1%>"/>
Código detrá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); });