2013-07-22 52 views
-1

您好我需要显示一个图像一旦其在不同的窗口在一个窗口中打开IMG

以下点击是我的HTML博克

<div data-role="content" class="jqm-content"> 

<h2>Photo popup example</h2> 
<div data-demo-html="true"> 
    <a href="#popupParis" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="images/paris.jpg" alt="Paris, France" style="width:30%"></a> 
    <a href="#popupSydney" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="images/sydney.jpg" alt="Sydney, Australia" style="width:30%"></a> 
    <a href="#popupNYC" data-rel="popup" data-position-to="window" data-transition="fade"><img class="popphoto" src="images/newyork.jpg" alt="New York, USA" style="width:30%"></a> 

    <div data-role="popup" id="popupParis" data-overlay-theme="a" data-theme="d" data-corners="false"> 
     <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="images/paris.jpg" style="max-height:512px;" alt="Paris, France"> 
    </div> 
    <div data-role="popup" id="popupSydney" data-overlay-theme="a" data-theme="d" data-corners="false"> 
     <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="images/sydney.jpg" style="max-height:512px;" alt="Sydney, Australia"> 
    </div> 
    <div data-role="popup" id="popupNYC" data-overlay-theme="a" data-theme="d" data-corners="false"> 
     <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a><img class="popphoto" src="images/newyork.jpg" style="max-height:512px;" alt="New York, USA"> 
    </div> 
</div> 

现在它不会在不同的窗口中打开,所以我需要打开它在不同的窗口 任何帮助?

+0

要打开新的标签? –

+0

如果你想打开一个新窗口,你可以尝试:'Paris, France' –

+0

可以请你给我一个完整的代码在这里? – ChamZ

回答

0

工作演示http://jsfiddle.net/cse_tushar/a7r2M/

我包裹图像中的标签N设置它通过jQuery代码在新标签中打开

$(document).ready(function() { 
    $('.popphoto').each(function() { 
     this1 = $(this); 
     this1.parent() 
      .prepend('<a href="' + this1.attr('src') + '" target="_blank"><img src="' + this1.attr('src') + '"class="popphoto" style="' + this1.attr('style') + 
      '" alt="' + this1.attr('alt') + '"/ ></a>'); 
     this1.remove(); 
    }); 
}); 
相关问题