Javascript Fancybox 2未显示标签的标题

我试图在fancybox中显示图像的标题，但它没有显示，我也不知道为什么

这是我的HTML

<div id="gallery">
  <table style="border:none">
    <tr>
      <td style="vertical-align: middle; border=none; background-color:white;">
        <a class="fancybox" rel="group1" href="/path/to/image.jpg">
          <img src="/path/to/image.jpg" alt="my alt text" width="100" height="100" />
        </a>
      </td>
    </tr>
  </table>
</div>

---

谢谢您的帮助。

旁注：CSS不正确。应该是

border:none

而不是

border=none

@ShivanRaptor哦，我的错。感谢您的更正。您的代码运行得非常好，很可能您有其他CSS设置使fancybox标题无效。顺便说一句，您的

标记中没有任何

title

属性，因此fancybox从

beforeShow

回调中获取

title

。

$(".fancybox").fancybox({
    hideOnContentClick : false,
    openEffect : 'none',
    closeEffect : 'none',
    maxWidth : 900,
    autoSize : false, 
    helpers : {
        title: {
            type: 'outside'
        }
    },
    beforeShow : function() {
        this.title = "Nananana Batman";
    }
});