JQuery灯箱显示页面中的所有图像

时间:2016-08-26 06:20:40

标签: javascript php jquery css lightbox

我必须在我的应用程序中使用JQuery灯箱。

我的应用程序有一个结果页面,它以表格的形式显示每个结果的查询结果。每个这样的表都有一些缩略图。

点击缩略图时,灯箱会打开,列出所有结果的所有缩略图。

我希望所选表格的缩略图仅列在灯箱中。

这就是我实施它的方式:

<tr>
<td>
<div id="thumbnails"> 
<ul class="clearfix"> 
<?php 
if($img2!=null){ 
echo '<li><a href='.$img2.'><img src='.$img2.' alt="turntable" height="50" width="50" style="display:inline;"></a></li>';
} 
if($img3!=null)
{ 
echo '<li><a href='.$img3.'><img src='.$img3.' alt="turntable" height="50" width="50" style="display:inline;"></a></li>';
} 
?> 
</ul> </div> 
<script type="text/javascript"> 
$(function() 
{ 
$('#thumbnails a').lightBox(); 
});
</div></div></td></tr>

0 个答案:

没有答案