Question

好吧，我无法使用fancybox gallery示例的简单示例，点击它只会转到图像页面并激活beforeLoad事件，但不会在框中显示图像。

我正在使用jquery版本1.8.3和twitter 2.3.1

脚本本身添加在页面末尾：

<script type="text/javascript">

  $(document).ready(function() {
    // $('ul.thumbnails').find('a.fancybox').click(function(e) {
    //   e.preventDefault();
    // });

    $('ul.thumbnails').find('a.fancybox').fancybox({
      beforeLoad : function() {
        console.log('Loaded');
      }
    });
    console.log('fancybox start');

     //This example works!!!
    // $.fancybox( '<div><h1>Lorem Lipsum</h1><p>Lorem lipsum</p></div>', {
    //   title : 'Custom Title'
    // });
  });
</script>



[
<a href="/realestate/image/7150209096969e5da60a8e7283afc453.png/800" class="thumbnail fancybox">
<img style="width: 360px; height: 270px;" alt src="/realestate/image/7150209096969e5da60a8e7283afc453.png/360">
</a>
, 
<a href="/realestate/image/8f31e46f9ab617d00541f1bc60e2e3b1.png/60" class="thumbnail fancybox">
<img style="width: 60px; height: 60px;" alt src="/realestate/image/8f31e46f9ab617d00541f1bc60e2e3b1.png/60">
</a>
, 
<a href="/realestate/image/0a98662cc5df0c8b1bc97a9a7e8b9707.png/60" class="thumbnail fancybox">
<img style="width: 60px; height: 60px;" alt src="/realestate/image/0a98662cc5df0c8b1bc97a9a7e8b9707.png/60">
</a>
]

Answer 1

解决问题的是，FancyBox不喜欢这个/ 80的url结尾所以试图制作不同的img路由。另一个问题是Fancybox假设没有img扩展url是html内容，所以我将选项类型设置为仅图像。

{type：'image'}

Fancybox 2图像不会出现在gallery和twitter bootstrap上

1 个答案: