Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 23.02.2011, 13:18
Thorolf Thorolf ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.02.2011
Beiträge: 1
Thorolf befindet sich auf einem aufstrebenden Ast
Frage jcarousel + jquery lightbox plugin

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
Mit Zitat antworten
Sponsored Links