J'ai une page ASP.NET où je montre des produits dans un contrôle Gridview. Lorsque les utilisateurs passent la souris sur un nom de produit, une fenêtre doit apparaître et afficher l'image du produit (en obtenant l'ID du produit et en y trouvant l'image associée.)Afficher les photos au survol de la souris
Y at-il un contrôle AJAX ou quelque chose comme ça?
Il y a un certain nombre de façons de le faire, mais généralement je le vois comme une "info-bulle" sur l'élément qui a une balise d'image, qui pointe vers une page ASPX qui renvoie l'image. Ou l'image directement.
Voici un exemple de ma première option
<img src="http://www.mysite.com/GenerateProductImage.aspx?productId=1" alt="My Product" />
Pour cela, vous devez créer la page GenerateProductImage.aspx, et définissez le type de réponse à être l'image, l'avoir de retour que l'image.
Voici une démo CSS ToolTip qui vous aidera à démarrer avec la partie de style
Vous avez quelques choix. Vous pouvez utiliser le jQuery tooltip plugin ou vous pouvez essayer le Ajax Control Toolkit HoverMenu
J'ai fait un site avec beaucoup de petites images. Et quand vous les avez survolé, ils sont apparus en haut de la page. J'ai utilisé ce morceau de jQuery:
$(document).ready(function() {
$(".picture").hover(function() {
var src = $(this).attr("src");
var max_size = 200;
$("#img").attr("src", src);
});
});