jquery：如何在mouseover上放大动态生成图像的图像

Question

如何在鼠标悬停上放大图像动态生成图像从数据库中。我使用c＃代码来绑定用户界面中的图像。我尝试了不同的Jquery插件，但其中大部分都与某些浏览器（IE 6）存在兼容性问题。请告诉我一个出路。

谢谢。

Answer 1

如果你是动态添加图片到你的页面（从数据库或其他外部源），你的第一个问题是如何确保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 }); 
    }); 

});