在没有 <a> 的情况下调用 lightbox2

Question

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

简短版
有没有办法在没有 <a> 标签的情况下调用灯箱？

长版 :P
我想在 table 中显示我的照片，每张照片一个新的 table 单元格。
图片应该居中。
应该可以单击 table 单元格内的任意位置以打开灯箱。
图片大小为100px * 100px

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

<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;
}

自the pic isn't centered(hovering on the left table cell)的位置而且我无法更改位置，无论我做什么，我都想使用 onclick，它工作得很好，但对于灯箱。
我想到了：

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

我必须写什么来代替 ... 才能打开灯箱？使用一些 JavaScript 就可以了。 lightbox2 的替代方案也可以。或者您有其他解决方案吗？

在此先感谢您， MasterBolle

Answer 1

我认为这会对你有所帮助:

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

参考：

在没有 <a> 的情况下调用 lightbox2

Call lightbox2 without <a>

html

javascript

lightbox2