调用lightbox2而不使用<a>

Call lightbox2 without <a>

本文关键字：lt gt lightbox2 调用      更新时间：2023-09-26


我找了很多，但没有找到解决方案

短版本
有没有一种方法可以在没有<a>-标签的情况下调用Lightbox？


长版本：P
我想在表格中显示我的照片，每一张照片都有一个新的表格单元格
图片应该居中
应该可以单击表格单元格内的任何位置来打开灯箱
图片的大小是100px×100px。

目前，表格单元格的代码如下所示：

<td align="center" width="150" height="150">
<a href="mypic.jpg" data-lightbox="mygallery" data-title="My Title" class="linkcell">
<img src="mypic.jpg">
</a>
</td>

附加CSS文件

a.linkcell{
display: block;
width: 100%;
height: 100%;
}
td:hover{
background-color: #b6849c;
}

由于图片的位置没有居中（悬停在左表单元格上）我不能改变位置，无论我做什么，我都想使用onclick，它工作得很好，但适用于灯箱
我突然想到：

<td align="center" width="150" height="150" onclick="...">
<img src="mypic.jpg">
</td>

我必须写什么而不是，打开灯箱？可以使用一些JavaScript。lightbox2的替代方案也可以。或者你有其他解决方案吗？

提前非常感谢您，MasterBolle

我认为这会对您有所帮助：

//set album values
IMG = $('<a href="...">')
    .attr('data-lightbox','roadtrip')
    .append('<img src="...">')
//lightbox open:
IMG.click(function(){
    lighbox.start($(this));
    return false;
})

参考：lightbox 2：如何通过javascript 动态添加图像

相关文章：