Hallo Forum,
da ich mich mit JavaScript null auskenne, brauche ich mal eure Hilfe beim anpassen von 2 JS Funktionen.
Hintergrund:
Ich setze auf einer Homepage eine Fotogalerie mit der Lightbox-Variante "MediaboxAdvanced" ein.
Es funktioniert auch alles soweit.
Mein einziges Problem ist, dass der Code nicht HTML5 valid ist.
Das liegt daran, dass die Lightbox über "rel=lightbox" angesprochen wird. Also z.B. <a href="bild.jpg" rel="lightbox">.
Und lightbox ist halt in HTML5 kein definiertes Keyword für das rel Attribut.
Um das Problem zu lösen, habe ich irgendwo gelesen, dass man die Lightbox einfach mit z.B. <a href="bild.jpg" data-rel="lightbox"> aufrufen soll.
Damit das funktioniert, muss man natürlich auch den JavaScript Teil abändern, so dass nach "data-rel=lightbox" anstatt "rel=lightbox" gesucht wird.
Wie ich hier gelesen hab, müsste man in der mediaboxAdv-1.3.4b.js wohl diese 2 Funktionen ändern:
- Mediabox.scanPage = function() {
- var links = $$("a").filter(function(el) {
- return el.rel && el.rel.test(/^lightbox/i);
- });
- $$(links).mediabox({/* Put custom options here */}, null, function(el) {
- var rel0 = this.rel.replace(/[[]|]/gi," ");
- var relsize = rel0.split(" ");
- return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
- });
- };
Was muss ich ändern, damit der HTML-Code <a href="bild.jpg" data-rel="lightbox"> wieder die Lightbox triggert?