在mouseover上显示图片

Question

我有一个ASP.NET页面，我在Gridview控件中显示产品。当用户将鼠标悬停在产品名称上时，应出现一个窗口并显示产品的图片（通过获取产品ID并找到相关图像）。

是否有AJAX控件或类似的东西？

Answer 1

有很多方法可以完成，但通常我会将其视为具有图像标记的项目的“工具提示”，该项目指向返回图像的aspx页面。或直接图像。

这是我的第一选择

<img src="http://www.mysite.com/GenerateProductImage.aspx?productId=1" alt="My Product" /> 

对于此的一个例子，你就必须创建GenerateProductImage.aspx页面，并设置响应类型是图像，让它只返回图像。

这里是一个CSS ToolTip演示，将帮助您开始使用造型件

Answer 2

你有几个选择。你可以使用jQuery tooltip plugin或者你可以尝试Ajax Control Toolkit HoverMenu

Answer 3

我做了很多小图片的网站。当你对它们进行挖掘时，它们在页面顶部显示出来很大。我用这件jQuery：

$(document).ready(function() { 
    $(".picture").hover(function() { 
     var src = $(this).attr("src"); 
     var max_size = 200; 
     $("#img").attr("src", src); 
    }); 
});