如果弹出div是不可能的,因为一个页面上有很多项目,那么另一个选择是使用ajax获取项目内容,这应该不会太难。更简单的解决方案是使用jQuery.load()
首先使用指向项目页面的链接包装缩略图:
<a class="project_thumb" href="<?php echo get_permalink(); ?>"> ... thumbnail here </a>
然后添加此js代码:
<script>
$(document).ready(function(){
$(\'.project_thumb\').live(\'click\', function(e){
e.preventDefault();
var url = $(this).attr(\'href\');
url = url + \' #portfolioProject\';
$(\'#content\').load(url, function(data, stat, req){
$(this).fancybox();
});
})
});
</script>
只要改变一下
#content
到单个项目视图的内容容器的id。