0

我正在尝试使用 fancybox 显示多个手动调用的图像库。我可以让一个画廊工作,但第二个将无法打开。这是代码:

JAVASCRIPT

        $(document).ready(function() {
            $('.fancybox').fancybox();

            /* MANUAL OPEN */
            $("#fancybox-manual-c").click(function(){
            $.fancybox.open([
                {
                    href : 'image1.jpg',
                    rel : 'set01',
                    title : 'My title'
                }, {
                    href : 'image2.jpg',
                    rel : 'set01',
                    title : '2nd title'
                }, {
                    href : 'image3.jpg',
                    rel : 'set02',
                    title : '3rd title'
                }, {
                    href : 'image4.jpg',
                    rel : 'set02',
                    title : '4th title'
                }
            ]);
        });
        /* END OF MANUAL OPEN */
        });

HTML

               <div>
                    <a id="fancybox-manual-c" rel="set01" href="javascript:;"><img src="thumbnail01.jpg"></a>
               </div><!-- END OF PICTURE THUMBS -->
               <div><hr /></div>
               <div>
                    <a id="fancybox-manual-c" rel="set02" href="javascript:;"><img src="thumbnail02.jpg"></a>
               </div><!-- END OF PICTURE THUMBS -->

我最终想以某种方式调用图像,这样我就不必每次上传图片时都向文件添加代码行,但到目前为止,我什至很难让两个实例正常工作。

请注意,我正在使用fancybox,页面上的其他链接按原样运行,并且在同一页面上,我也毫无问题地调用YouTube视频,我还尝试了一些更受欢迎的问题,这里没有答案成功。

另外,我很确定我在复制该 JS 代码的部分时犯了一个错误——所以关于最后的右括号的任何错误都是拼写错误。

4

1 回答 1

0

您应该尝试更改 id 值。将它们与外部 div 或具有相同的类名分组。

如何通过手动调用 html 中的画廊而不是通过 jquery 选项打开fancybox?

该链接可能会对您有所帮助。

于 2012-09-22T10:08:52.567 回答