Question

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

是否存在AJAX控件或类似内容？

Answer 1

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

以下是我的第一个选项

的示例

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

为此，您必须创建GenerateProductImage.aspx页面，并将响应类型设置为image，只让它返回图像。

这是一个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);
    });
});

在鼠标悬停时显示图片

3 个答案: