Ładowanie lightbox, ale obraz nie jest - jquery

Pojawi się okienko, ale obraz nie zostanie załadowany. Zhakowałem całą galerię razem, od Gallerific plugin i lightbox jQuery.

Próbowałem dodać to do wtyczki Gallerific z niewielkim sukcesem:

            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

Odpowiedzi:

Problem polega na tym, że wskazujesz na #hash_fragment w twoich linkach. Jeśli wskażesz je rzeczywistemu źródłu obrazu, zostanie ono załadowane do Lightbox.

Lightbox stara się zachować dyskrecję i korzystać z pełnej wdzięku degradacji, więc dobrym pomysłem jest również bezpośrednie połączenie z obrazem - więc Twoja strona wciąż działa bez JavaScriptu.

Mogą istnieć sposoby konfigurowania go za pomocą linków #hash, ale testując powyższe rozwiązanie za pomocą Firebug, zadziałało to dla mnie w 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>

Wygląda dobrze dla mnie. Widzę obraz. Animacja jest nieco niepewna, a napis jest duplikowany, ale pojawia się obraz.