Sponsored Links |
|
|||
Dein JS Code ergibt so wie er hier steht keinen (bzw. wenig) Sinn.
Du liest die Id von jeder Klasse album aus, sobald du auf ein Bild mit der Klasse gallery-img klickst. Und dann hast du einen zweiten Code-Teil, indem du ein .each für eine ID verwendest. ID kann nur einmal vorkommen, deshalb ergibt .each hier keinen Sinn. Du kannst aber nach der Zeile var id = $('.album').attr('id'); einfach eine zweite Zeile einfügen, welche dir eine gewünschte Funktion aufruft. Dieser kannst du natürlich auch beliebige Paramter mitgeben. |
Sponsored Links |
|
||||
Morgen,
danke für die Antwort. Seltsamerweise geht es ohne das each überhaupt nicht, auch nicht, wenn ich die ID fest eintrage. Hier mal das HTML (nicht erschrecken, es kommt aus einem CMS). Auf einer Seite befinden sich mehrere <div class="row col span_12">, die wiederrum haben jeweils eine Bildergalerie <div class="tx-yag-pi1">. Wenn man nun in einer Galerie auf ein Bild klickt, kommt eine Lightbox und man kann durch die Bilder blättern. Nun soll das Blättern aber nur innerhalb der zugehörigen Galerie geschehen und nicht über alle Bilder in allen Galerien der Seite. HTML-Code:
<div class="row col span_12"> <div class="headlines"> <div class="tx-yag-pi1"> <div id="yag-c84" class="yag-list-wrap yag-gallery" data-yag-gallery> <ul> <div class="tx-yag-items gallery-row"> <li id="yag_2" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> <div class="tx-yag-thumb-innerframe yag-item-thumb-innerframe"> <a class="gallery-link" href="yag/02/bild_1.jpg"> <img class="gallery-img" src="bild_1.jpg" title="test" alt="test"> </a> </div> </li> <li id="yag_3" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> <li id="yag_4" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> <li id="yag_5" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> <li id="yag_6" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> <li id="yag_7" class="tx-yag-thumb-outerframe yag-item-thumb-outerframe gallery-item"> </div> </ul> </div> </div> </div> <div class="row col span_12"> Hier noch eine Galerie </div> <div class="row col span_12"> Hier noch eine Galerie </div> <div class="row col span_12"> Hier noch eine Galerie </div> Ich steh da voll auf dem Schlauch. Danke für die Hilfe und Gruß mimii |
|
||||
In deinem Code ist nirgends ein Klasse namen "album"
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Hallo nochmal,
erst Mal Danke für die Hilfe. Die Klasse .album heißt jetzt .yag-gallery. Das erste Beispiel war noch handcodiert. Der HTML-Code ist ein Original aus dem CMS mit den Klassen die dort genieriert werden. Sorry, da war ich unachtsam. Korrekt muss die Zeile jetzt heißen: Code:
var id = $('.yag-gallery').attr('id'); mimii |
|
||||
Code:
$(document).ready(function(){ $('img.gallery-img').click(function(){ $('.yag-gallery a').each(function(index){ $thisAnchor = $(this); $thisAnchor.photoGallery({ }); }); }); }); Oder warum nicht einfach direkt: Code:
$(document).ready(function(){ $('.yag-gallery a').each(function(index){ $thisAnchor = $(this); $thisAnchor.photoGallery({ }); }); });
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
Sorry fürs generve,
aber es geht und geht nicht Der Originalaufruf erfolgt so Code:
$(document).ready(function(){ $(".yag-gallery a").photoGallery(); }); Dann habe ich habe das gefunden: Code:
$(document).ready(function(){ var fotos = $(".yag-gallery").each(function(){ $(this).find("a").photoGallery(); }); }); OK, ich oute mich als DAU, aber irgendwie muss das doch laufen. Tausend Dank für die Hilfe und Gruß mimii Geändert von mimii (10.10.2014 um 10:46 Uhr) |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
jQuery value aus option-Tag auslesen | gabischatz | Javascript & Ajax | 2 | 18.10.2013 11:07 |
xml mit jquery auslesen | Mrtwomoon | Javascript & Ajax | 6 | 09.07.2012 18:21 |
jQuery und das Auslesen neuer Elemente | Loilo | Javascript & Ajax | 4 | 04.11.2009 09:58 |
jQuery - Neuen DIV erzeugen und anzeigen | EntenMann | Javascript & Ajax | 0 | 11.08.2009 21:07 |
JQuery + Wordpress | VoinG | Javascript & Ajax | 0 | 29.12.2008 17:03 |