Question

我有一组带有ID的图像标签，例如Image1，Image2，Image3 ....

1,2,3是数组索引，标签是动态创建的。有时我可能有一张图片，有时我可能有更多图片。它们内嵌，尺寸小（100 X 100）。

在悬停或进入时，我需要放大正在悬停的图像

这篇文章似乎提供了一个很好的解决方案，但$（＆＃39;＃zoomimg＆＃39;）是预先定义的。有没有办法在输入/离开时自我识别标签ID？

图像标记的创建如下：

var i = 0;
images.forEach(function(anImage) {
    var imagePath = url + anImage;
    $('#partImages').append("<img id='" + "partImages" + i++ + "' src=" + imagePath + " height='100' width='100' />");
});

感谢您的帮助

Answer 1

只需使用正确的选择器，就像一个普通的类或通用的＆＃39; img＆＃39;：

$('img').mouseenter(function() {
    $(this).css("cursor","pointer");
    $(this).animate({width: "50%", height: "50%"}, 'slow');
});

然后你可以使用this来识别当前悬停的图像

http://jsfiddle.net/6Lwty5qL/

使用Jquery在鼠标悬停上放大动态图像？

1 个答案: