图像单击事件

Question

在我的程序中，我使用了图像弹出窗口。一些什么图像在主页滚动。

当我点击图像时，弹出窗口将打开并在弹出窗口中显示特定图像。如何在弹出窗口中显示图像。现在我得到了弹出窗口，但我无法在弹出窗口中显示图像。

到目前为止，这是我的代码：

$("img").click(function(){
     var $dialog = $('<div></div>') 
         .html(' <img src="localhost:81/keprandemo/media/catalog/product/cache/1/…; width="200" height="200" alt="Milk(1 lit)">') 
         .dialog({ autoOpen: true, resizable: false, draggable: false, width: 600, height:600, modal: true, title: 'Create Your Own PopUp Window' }); }); 

Answer 1

var ImageSource="";
$('.yourImageClass').click(function(){
     ImageSource=$(this).attr('src');
});

//将此ImageSource传递到图像窗口

修改

$("img").click(function(){
    var source=$(this).attr('src');
    var $dialog = $('<div></div>') 
         .html('<img src="'+source+'" width="200" height="200" alt="Milk(1 lit)">') 
         .dialog({ autoOpen: true, resizable: false, draggable: false, width: 600, height:600, modal: true, title: 'Create Your Own PopUp Window' }); 
}); 

这段代码可以解决问题。！

Answer 2

 $("img").click(function(){
 var $dialog = $('<div id="urID"></div>') 
     .dialog({ autoOpen: true, resizable: false, draggable: false, width: 600, height:600, modal: true, title: 'Create Your Own PopUp Window' });
   //ur div id name.
   $('#urID').html('<img src="localhost:81/keprandemo/media/catalog/product/cache/1/…; width="200" height="200" alt="Milk(1 lit)">');
  });