Johnnii360
Erfahrenes Mitglied
Servus Leute,
da bin ich mal wieder! Und brauch auch schon wieder mal Eure Hilfe.
Und zwar möchte ich gerne ImageFlow und jQuery lightBox miteinander kombinieren.
Also es ist schon mal alles eingebunden und einzeln lauffähig. Nun möchte ich aber gerne die Beiden kombinieren.
ImageFlow bietet mit einem onClick im Run-Code die Möglichkeit, ein neues Fenster öffnen zu lassen. Dies wird mittels onClick: function() {window.open(this.url, '_blank');} realisiert.
In meinem Fall würde es mit dieser Methode so aussehen:
Mit dem Syntax
wird dann für lightBox ein Bildfenster aufgerufen - "gallery" definiert dabei die id des div-Tags und das a, den Link-Tag.
Jetzt habe ich versucht beides miteinander zu kombinieren und habe folgenden Code erstellt:
Dies funktioniert leider nicht. Firefox meldet dann immer "missing } after property list". Dann habe ich das Semikolon hinter dem ersten }) nach .lightBox(); entfernt. Hat aber dann auch nicht funktioniert - der Error blieb jedoch aus.
Dann habe ich verschiedene Kombinationen versucht, indem ich das this.url durch img, img.src und this.src ersetzt habe - hat auch nichts gebracht - außer, dass sich bei img nur ein leeres lightBox-Fenster öffnete, in dem lightBox versucht das Bild zu laden.
Ich habe auch schon "function() { $('#myImageFlow this.url').lightBox(); }" probiert, was auch nichts half.
Ich bitte daher um Eure Hilfe - ich verzweifle schon seit drei Tagen.
Vielen herzlichen Dank im Voraus!
da bin ich mal wieder! Und brauch auch schon wieder mal Eure Hilfe.
Und zwar möchte ich gerne ImageFlow und jQuery lightBox miteinander kombinieren.
Also es ist schon mal alles eingebunden und einzeln lauffähig. Nun möchte ich aber gerne die Beiden kombinieren.
ImageFlow bietet mit einem onClick im Run-Code die Möglichkeit, ein neues Fenster öffnen zu lassen. Dies wird mittels onClick: function() {window.open(this.url, '_blank');} realisiert.
In meinem Fall würde es mit dieser Methode so aussehen:
HTML:
<script type="javascript/text">
domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID:'myImageFlow',
onClick: function() {window.open(this.url, '_blank');} });
});
</script>
Mit dem Syntax
HTML:
<script type="javascript/text">
$(function()
{
$('#gallery a').lightBox({fixedNavigation:true});
});
</script>
wird dann für lightBox ein Bildfenster aufgerufen - "gallery" definiert dabei die id des div-Tags und das a, den Link-Tag.
Jetzt habe ich versucht beides miteinander zu kombinieren und habe folgenden Code erstellt:
HTML:
<script type="javascript/text">
domReady(function()
{
var instanceOne = new ImageFlow();
instanceOne.init({ ImageFlowID:'myImageFlow',
onClick: $(function() { $('#myImageFlow this.url').lightBox(); }); });
});
</script>
Dies funktioniert leider nicht. Firefox meldet dann immer "missing } after property list". Dann habe ich das Semikolon hinter dem ersten }) nach .lightBox(); entfernt. Hat aber dann auch nicht funktioniert - der Error blieb jedoch aus.
Dann habe ich verschiedene Kombinationen versucht, indem ich das this.url durch img, img.src und this.src ersetzt habe - hat auch nichts gebracht - außer, dass sich bei img nur ein leeres lightBox-Fenster öffnete, in dem lightBox versucht das Bild zu laden.
Ich habe auch schon "function() { $('#myImageFlow this.url').lightBox(); }" probiert, was auch nichts half.
Ich bitte daher um Eure Hilfe - ich verzweifle schon seit drei Tagen.
Vielen herzlichen Dank im Voraus!