0

私のプログラムでは、画像ポップアップ ウィンドウを使用しました。ホームページでスクロールする画像。

イメージをクリックすると、ポップアップが開き、特定のイメージがポップアップ ウィンドウに表示されます。ポップアップウィンドウに画像を表示する方法。ポップアップウィンドウが表示されましたが、ポップアップウィンドウに画像を表示できません。

これまでの私のコードは次のとおりです。

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

2 に答える 2

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

このコードでうまくいくはずです。

于 2013-10-26T07:12:06.820 に答える
0 
 $("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-26T07:37:58.350 に答える