图片点击事件

在我的程序中我使用了图像弹出窗口。一些图像在主页上滚动。图片点击事件

虽然我点击图像的意义上弹出将打开并显示弹出窗口中的特定图像。如何在弹出窗口中显示图像。现在我弹出了窗口，但是我无法在弹出窗口中显示图像。

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

$("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' }); });

来源

2013-10-26 user2893238

您应该将img src传递给弹出窗口。 – vijaykumar

没有代码没有人可以帮你 –

如果可以，请显示一些代码和jsfiddle。 – 2013-10-26 07:08:42

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' }); 
});

此代码应该做的招。！

来源

2013-10-26 07:12:06 writeToBhuwan

，但我有10个图像每个图像ID是相同的。 – user2893238

上面的代码无法正常工作。 – user2893238

你违背了HTML的规则。页面应该有唯一的元素ID。 – writeToBhuwan

$("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)">'); 
    });

来源

2013-10-26 07:37:58

图片点击事件

回答

相关问题