0

我无法在使用 fancybox 创建的图库中显示标题。

使用最新版本的fancybox。

这是代码：

<head>
    <script type="text/javascript">
        $(document).ready(function() {

            $("a[rel=group]").fancybox({
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'titleShow': true,
                'titlePosition'  : 'over',
                'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                    return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
                }
            });
        });
    </script>
</head>
<body>
    <table>
        <tr>
            <td style="padding: 5px;"><a rel="group" title="ciao bella" href="/img/leonardo/1_big.jpg"><img title="ciao bella" src="/img/leonardo/1.jpg" width="179" height="179"/></a></td>
            <td style="padding: 5px;"><a rel="group" href="/img/leonardo/2_big.jpg" ><img src="/img/leonardo/2.jpg" width="179" height="179"/></a></td>
            <td style="padding: 5px;"><a rel="group" href="/img/leonardo/3_big.jpg" ><img src="/img/leonardo/3.jpg" width="179" height="179"/></a></td>
        </tr>
        <tr>
            <td style="padding: 5px;"><a rel="group" href="/img/leonardo/4_big.jpg" ><img src="/img/leonardo/4.jpg" width="179" height="179"/></a></td>
            <td style="padding: 5px;"><a rel="group" href="/img/leonardo/5_big.jpg" ><img src="/img/leonardo/5.jpg" width="179" height="179"/></a></td>
            <td style="padding: 5px;"><a rel="group" href="/img/leonardo/6_big.jpg" ><img src="/img/leonardo/6.jpg" width="179" height="179"/></a></td>
        </tr>
    </table>  
</body>

我该如何解决？

4

0 回答 0