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 }}用于为图像生成网址，如：

path/to/image/imagefile.jpg

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

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

我认为Fancybox被新的网址格式搞糊涂了，并且无法使用#box;灯箱＆＃34;图像。如何在Blobstore中保留图像时解决这个问题？

Answer 1

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

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

这将使灯箱功能再次起作用......

移植到Google的Blobstore后，Fancybox停止工作

1 个答案: