Frage zu Lightbox und Spry

[matzekuh]

Hi,
ich habe mich mal drangemacht und eine Site erstellt, auf der Daten aus einer XML-Datei mit einem Spry-Datensatz ausgegeben werden.

Dabei können Bilder angezeigt werden. Das funktioniert auch ohne Probleme.
Aber jetzt kommts.

Ich möchte die Bilder gern mit der jquery-lightbox erweiterung () vergrößerbar machen.

Das funktioniert auch, solange sich die Bilder nicht innerhalb eines Spry-Wiederholungs-Bereich befinden.

Weis jemand wie ich dieses Problem beseitigen kann?

Ich habe hier mal das entsprechende Code-Fragment:

<td width="428"><div spry:region="ds1" class="SpotlightAndStacked">
        <div spry:repeat="ds1" class="SpotlightAndStackedRow">
          <div spry:if="'{image}' != ''"><div class="SpotlightContainer">
            <div class="SpotlightColumn"><a class="lightbox" href="{imagebig}"><img src="{image}" width="90" align="absmiddle" /></a></div>
          </div></div>
          <div class="StackedContainer">
            <div class="StackedColumnTitle"> {Titel}</div>
            <div class="StackedColumn"> {Inhalt}</div>
          </div>
          <br style="clear:both; line-height: 0px" />
        </div>
    </div></td>

Der Code wurde so von Dreamweaver generiert. Lediglich den a-Tag und das img-Tag habe ich eingefügt und die entsprechenden Platzhalter in src und href eingefügt.

Vielen Dank für eure Hilfe, schonmal im Vorraus.

Gruß

 

[sokie]

AW: Frage zu Lightbox und Spry

Das Lightbox Plugin behandelt nur die Bildlinks, die in der Seite notiert sind, nicht solche, die per script in die Seite geschrieben werden.

 

[lucifer-bw]

AW: Frage zu Lightbox und Spry

Gib doch den Bildern ein "onclick="-Eventhandler mit und rufe dann eine JavaScript-Funktion auf, welche die Lightbox aufruft.

Zugegeben, nicht der direkte Weg. aber sollte funktionieren..

 

[matzekuh]

AW: Frage zu Lightbox und Spry

wie mach ich das? die funktion ist doch eigentlich nur mit dem jquery gemacht, ich hab da mal ein bischen rumprobiert aber wollte nicht

also wenn ich von dem code

$(function() {
      $('a').lightBox();
});

ausgeh, wie rufe ich die funktion dann auf?

 

[saila]

AW: Frage zu Lightbox und Spry

Die Anleitung von Lightbox schon gelesen?!

 

[lucifer-bw]

AW: Frage zu Lightbox und Spry

Also ich kann jetzt nicht nachlesen, aber versuche es mal in diese Richtung:

$('a.lightbox').click({
$(this).lightbox();
});

Dieser Aufruf schaut zuerst nach ob ein Tag "a" mit der Klasse "lightbox" geclickt wird.
Wenn dies der Fall ist wird für dieses "a" die Funktion "lightbox" (in deinem Jquery-Plugin) aufgerufen.
Ich hoffe es hilft.