私のアプリは 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
...一方、URL は次のようになります。
http://lh5.ggpht.com/F8rcLKXR0vCNLBXUNL...
Fancybox が新しい URL 形式によって混乱し、画像を「ライトボックス化」できないと思います。ブロブストアに画像を保持しながら、これを解決するにはどうすればよいですか?