Mediabox validieren

[juergen.vallant]

Hi,
Verwende Contao 2.10.1.
Habe ein Bild in der Kleinansicht, dass per Klick in der Mediabox aufgehen soll.
Funktioniert zwar alles aber wenn ich den Code validiere sagt er immer Fehler.

Bad value lightbox for attribute rel on element a: Keyword lightbox is not registered.

was kann ich da machen?

[Flex]

Das liegt an HTML5, siehe auch hier:

http://www.contao-community.de/showt...abox-und-HTML5

[juergen.vallant]

Danke für deine Info.
Hab mir das jetzt mal angesehen.
Jedoch funktioniert es bei mir nicht.

<div class="letzteGalerie">
<table>
<tr>
<?php $i = 0; ?>
<?php foreach($this->bilder as $bild): ?>
<?php if($i%5 == 0 && $i != 0): ?>
</tr><tr>
<?php endif; ?>
<td><a class="light" href="<?php echo $bild['singleSRC']; ?>">{{image::<?php echo $bild['singleSRC']; ?>?width=50&height=50&alt=Bild}}</a></td>
<?php $i++; ?>
<?php endforeach; ?>
</tr>
</table>
</div>

<script type="text/javascript">
$$('.letzteGalerie a.light').each(function(el) {
  el.mediabox();
});
</script>

so müsste es doch normalerweise funktionieren. Weißt du vl wo der Fehler liegt?

[Flex]

Spontan würde ich sagen, dass JavaScript die Selektoren nicht wie CSS verwendet, versuch es also mal so:

<script type="text/javascript">
$$('a.light').each(function(el) {
  el.mediabox();
});
</script>

[juergen.vallant]

Leider funktioniert das auch nicht.

Hast du vl noch eine andere Idee?

[Flex]

Kann man sich das irgendwo anschauen?

Ansonsten ist natürlich eine Lösung XHTML zu aktivieren, statt HTML5.

[juergen.vallant]

nein leider kann man sich das nirgends ansehen.

[juergen.vallant]

So,
Flex vielen Dank für deine Hilfe.
Habs jetzt geschafft.
Der JS-Code war an der falschen Stelle eingefügt.

Jetzt habe ich ihn direkt im Seitenlayout bei "Eigener JavaScript-Code" rein getan. Jetzt funktionierts.

[juergen.vallant]

Jetzt hab ich aber doch noch eine frage.

Wie kann ich hierbei zum beispiel die Größe der Mediabox eintragen? früher ging das ja mit rel="lightbox[800 800]".
Wie geht das jetzt?

Und was ist, wenn ich eine Galerie habe, bei der ich die Bilder in der Mediabox weiterschalten möchte. Wie funktioniert das?

[andrea$]

Und was ist, wenn ich eine Galerie habe, bei der ich die Bilder in der Mediabox weiterschalten möchte. Wie funktioniert das?

Ich weiß nicht genau was du mit weiterschalten meinst aber wenn es mehrere Bilder in der Galerie geben soll, wählst du die aus der Dateiverwaltung einfach aus.

[Flex]

Da ist eben das Problem, sie validiert, aber das Skript sucht eventuelle Optionen trotzdem im rel Attribut.
Hierfür müsstest du die Mediabox selbst ändern, vermute ich mal...

Ansonsten wie gesagt, die Lösung von oben: Schalte die Ausgabe auf XHTML um und die Seite validiert auch mit rel Attributen.

[juergen.vallant]

Hi,
Also ich stehe noch immer vor dem selben Problem.

@andrea$
Wenn ich die Mediabox über das rel-Attribut aufrufe 'rel="lightbox[200 200]"' dann wir die Mediabox mit dieser Größe aufgemacht.
Weiters kann man auch direkt in der Mediabox die Bilder durchschalten, die die selbe Größe haben.

Dies funktioniert mit der Klasse aber nicht.

Hat da jemand noch eine Idee?
Den Code der Mediabox will ich nicht unbedingt ändern.