jcarousel + jquery lightbox plugin

Thorolf · #1 (**permalink**) 23.02.2011, 13:18

Hallo zusammen,
ich stehe vor folgender Problematik.
ich habe auf einer lokalen Webseite jCarousel eingebunden.
jCarousel Examples

Dieses Funktioniert auch einwandfrei.
Jetzt möchte ich aber Realisieren das wenn ich auf ein Bild klicke soll dieses mir in einer lightbox geöffnet werden.

Dazu habe ich erstmal den Code aus der jCarousel.js angepasst.
[...]
Ursprünglicher Code:

Code:

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    return '<img src="' + item.url + '" width="200" height="133" border="0" alt="' + item.title + '" />';
};

[...]

Angepasster Code:

Code:

/**
 * Item html creation helper.
 */
function mycarousel_getItemHTML(item)
{
    var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + url_m + '" rel="lightbox"  title="' + item.title + '"><img src="' + item.url + '" width="200" height="133" border="0" alt="' + item.title + '" /></a>';
};

Bisher funktioniert auch alles. Die Bilder sind jetzt anklickbar. Dann habe ich mir das jQuery Lightbox Plugin herunter geladen und laut Installations anweisung implementiert: jQuery lightBox plugin

Im Header Bereich habe ich folgendes stehen:

Code:

<script type="text/javascript">
$(function() {
	// Select all links whose attribute rel starts with lightbox
	$('a[rel^=lightbox]').lightBox();
});
</script>

Unten im jCarousel sind 8 Bilder. Davon sind beim Laden der Seite die ersten 4 Sichtbar. Klicke ich auf den Pfeil nach rechts - werden die ersten 4 unsichtbar und die nächsten 4 Sichtbar. Alle Bilder haben wenn sie im jCarousel zu sehen sind - "rel="lightbox".

Jetzt kommt aber folgendes Problem:
Klicke ich auf das erste Bild wird es mir in einer Lightbox geöffnet allerdings steht dort Bild 1 von 4. Obwohl ich ja eigentlich 8 drinne habe. Die ersten 4 Bilder kann ich ohne Probleme durchklicken. Nutze ich dann den Pfeil nach rechts für die nächsten 4 Bilde - haben diese zwar auch das rel="lightbox" aber wenn ich darauf klicke öffnet er das bild nicht in einer lightbox sondern in einem neuen fenster.

Hatte jemand das problem auch schon mal ? oder kann mir da jemand weiterhelfen?

Vielen Dank im Voraus
Thorolf

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hilfe mit Plugin will nicht funktionieren?	sepp88	Javascript & Ajax	2	12.01.2011 07:35
jQuery Plugin -> Wie input type radio definieren?	uspri	Javascript & Ajax	2	02.09.2010 06:33
jquery cookie plugin, expiration time?	sepp88	Javascript & Ajax	5	16.03.2010 19:31
Jquery lightbox bei Seitenaufruf starten	connor	Javascript & Ajax	14	23.01.2010 00:36
jCarousel in Lightbox verwenden	muella	Javascript & Ajax	2	18.07.2009 13:27