您可以通过将模板加载到z索引大于覆盖div的隐藏div中来实现该功能。现在，单击任何图像时，您都可以使用jquery显示隐藏div和覆盖。整个过程可总结如下：

在页面的任何位置（比如主页）创建一个覆盖div。建议位于页脚下方，如下所示：

<?php get_footer();?>
<div id="overlay"></div>

覆盖的css如下所示：

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
display:none;
z-index: 1000;
 }

现在创建一个隐藏的div，它将在页面中加载模板，如下所示：

<div class="myclass" style="z-index:1001;display:none;"><?php load_template(\'path_to_your_template_you_want_to_load.php\');  ?></div> 
<a class="click_img"><img src="url to image you want to show" /></a>

现在包括一个脚本，单击图像时显示隐藏的div，如下所示：

jQuery(document).ready(function(e) {
jQuery(\'.click_img\').click(function(e){
e.preventDefault();
var winY = jQuery(document).scrollTop();
var y = 1.04*winY;
var winX = jQuery(window).width();
jQuery(\'#overlay\').show();
jQuery(\'.myclass\').show();
jQuery(\'.close_button\').show();
});

});

jQuery(\'.close_button,#overlay\').click(function(e){
    jQuery(\'.myclass\').hide();
    jQuery(\'#overlay\').hide();
    jQuery(\'.close_button\').hide();
    });   
}); 

现在请注意，要加载的模板中的“关闭”按钮必须具有class close\\u按钮。

<div class="close_button"></div>

现在由您来设计关闭按钮