2013-04-26 156 views
0

我的应用在Google App Engine上运行,最近我将应用使用的图像迁移到GAE的Blobstore。我注意到这样做后,Fancybox不再能够在灯箱中显示我的图像。Fancybox在迁移到Google的Blobstore后停止工作

在我的模板我的初始化呼吁的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会被新的url格式弄糊涂,无法“灯箱”图像。如何在Blobstore中保留图像的同时解决此问题?

回答

0

我应该花更多精力来阅读Fancybox文档。解决方案非常简单。就在type参数添加到init电话:

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

这将再次使收藏夹功能,工作...