html - Fancybox 2 图像不会出现在画廊和推特引导程序上

Question

好吧，我无法开始使用 fancybox 画廊示例的简单示例，单击时它只会进入图像页面并且 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 内容，所以我将选项类型设置为仅图像。

{类型：'图像'}