2013-04-26 128 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' 
... 

這將再次使收藏夾功能,工作...

相關問題