Have Geek Brain

Show images with mouse

I have an ASP.NET page where I display products in a Gridview control. When users hover over a product name, a window will pop up and show that the product image is in it (by getting the product ID and searching for the corresponding image for it.)

Is there an AJAX control or something like this?

+1


a source to share


3 answers


There are several ways to accomplish this, but I usually think of it as a "hint" on an element with an image tag that points to the aspx page that returns the image. Or image directly.

Here is an example of my first option

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


To do this, you will need to create a GenerateProductImage.aspx page and set the response type for the image if it only returns an image.

Here is a CSS ToolTip daemon to help you get started with the styling part

+3


a source


You have several options. You can use the jQuery tooltip plugin or you can try the Ajax Control HoverMenu Toolkit



0


a source


I made a website with a lot of small photos. And when you dulled over them, they appeared at the top of the page. I used this jQuery chunk:

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


a source






More articles:


All Articles