jquery - Fancybox 在迁移到 Google 的 Blobstore 后停止工作

Question

我的应用程序在 Google App Engine 上运行，我最近将应用程序使用的图像迁移到了 GAE 的 Blobstore。我注意到这样做之后，Fancybox 似乎不再能够在灯箱框架中显示我的图像。

我在模板中对 Fancybox 的初始化调用：

$(document).ready(function() {
    $("a[rel=fancypop]").fancybox({
        'titlePosition': 'over',
        'transitionIn': 'none',
        'transitionOut': 'none',
    });
});

...然后是图像：

<a rel="fancypop" href="{{ feature.get_image_url }}" title="{{ feature.title }}">
    <img class="bordered" src="{{ feature.get_humbnail_url }}" title="{{ feature.name }}" alt="Image of {{ feature.name }}"/>
</a>

{{ feature.get_image_url }}用于为图像生成 url的模板变量，例如：

path/to/image/imagefile.jpg

...而现在网址看起来像：

http://lh5.ggpht.com/F8rcLKXR0vCNLBXUNL...

我认为 Fancybox 对新的 url 格式感到困惑，无法“灯箱”图像。如何在保留 Blobstore 中的图像的同时解决这个问题？

Answer 1

我应该花更多的精力阅读 Fancybox 文档。解决方案非常简单。只需将type参数添加到 init 调用：

$("a[rel=fancypop]").fancybox({
    'titlePosition': 'over',
    'transitionIn': 'none',
    'transitionOut': 'none',
    'type': 'image'
...

这将使灯箱功能再次工作......