Jquery:如何在鼠标上方放大动态生成的图像

Jquery:如何在鼠标上方放大动态生成的图像,jquery,image,Jquery,Image,如何在鼠标上方放大数据库中动态生成的图像。我正在使用c#代码在用户界面中绑定图像。我尝试了不同的Jquery插件,但大多数插件与某些浏览器(IE 6)存在兼容性问题。请给我建议一条出路 谢谢。如果要动态地将图像添加到页面(从数据库或其他外部源),第一个问题是如何确保jQuery知道它们 JQuery有许多用于动态生成内容的事件侦听器,如$.live()和$.delegate()。您将希望为内容区域分配一个侦听器,以便通过使用这两个jQuery函数之一查看正在加载的任何新图像 一旦代码意识到新添加

如何在鼠标上方放大数据库中动态生成的图像。我正在使用c#代码在用户界面中绑定图像。我尝试了不同的Jquery插件,但大多数插件与某些浏览器(IE 6)存在兼容性问题。请给我建议一条出路


谢谢。

如果要动态地将图像添加到页面(从数据库或其他外部源),第一个问题是如何确保jQuery知道它们

JQuery有许多用于动态生成内容的事件侦听器,如$.live()和$.delegate()。您将希望为内容区域分配一个侦听器,以便通过使用这两个jQuery函数之一查看正在加载的任何新图像

一旦代码意识到新添加的图像,下一个任务就是添加放大/缩小行为。根据您希望发生的情况,最好的选择可能是使用jQuery的$.hover()事件。因此,您的代码将如下所示:

$("#myContentRegion").delegate("img", "hover", function(){
    $(this).animate({ 
            width: 200, height: 200 
        }, 5000, function() {
    $(this).animate({ width: 100, height: 100 });
  });

});

你拿到什么了?如果图像是通过友好方式生成的,您可能需要使用
$('.image selector').live('mouseover',function()…