ライトボックスのロード中ですが、イメージはありません - jquery

ライトボックスがポップアップしますが、イメージをロードしません。GallerificプラグインとjQueryライトボックスからこのギャラリー全体をハッキングしました。

私はこれをGallerificのプラグインに少し追加してみました：

            onTransitionIn: function() {
$("#slideshow").fadeTo("fast", 1.0);
$("#slideshow span.image-wrapper").fadeTo("fast", 1.0);
$("#slideshow").fadeTo("fast", 1.0);
$("#slideshow span.image-caption").fadeTo("fast", 1.0);
$("#slideshow").fadeIn("fast", function() {
$("a.lightbox").lightBox();
});
},

http://lytesting.com/mdh/templates/mdh/gallery.html

回答：

問題は、あなたが #hash_fragment あなたのリンクに。それらを実際のイメージソースに向けると、ライトボックスにロードされます。

Lightboxは邪魔にならず、優雅な劣化を狙っているので、画像に直接リンクするのも良い考えです。つまり、あなたのページはまだjavascriptなしで動作します。

#hashリンクを設定する方法があるかもしれませんが、上記のソリューションをFirebugでテストすることで、FF4で私の仕事をしました。

<div class="slideshow" id="slideshow">
<span class="image-wrapper current">
<a href="{YOUR_IMAGE_URL}" class="lightbox"> <!-- Instead of #2, etc. -->
&nbsp;<img alt="Title #0" src="/images/images2/art.jpg">
</a>
</span>
</div>

私にはうまく見えます。私はイメージを見る。アニメーションはちょっとばらつきがあり、キャプションは複製されますが、画像が表示されます。