Galerie mit Text in Lightbox

[dragon]

Hallo Community!

Möchte auf einer Typolightseite folgendes realisieren, weiß nur nicht wie:

Ein Hauptmenüpunkt soll direkt eine Lightbox öffnen und keine Unterseite.
In dieser Lightbox soll eine kleine Bildergalerie mit Gedichten daneben erscheinen, sprich links ein Bild, rechts ein Gedicht und man springt zum nächsten über die Lightboxnavi.

Das Ganze muss vom Redakteur einfach bearbeitet und erweitert werden können, also kommen keine Bilder mit eingebetteten Text infrage.

Gibt es eine Erweiterung für 2.7.5 womit sich die Idee unkompliziert realisieren lässt? Habe schon mit Lightbox4ward rumexperimentiert, aber leider ohne Erfolg.

Liebe Grüße,
Jürgen

[Psi]

Erstell dir Textelemente mit den Bildern/Gedichten und gib ihnen ne Klasse die das Teil versteckt "display:none".

Als ID vergibst du irgendwas mit "mb_gedicht1" "mb_gedicht2" ....

Mit Links alla

<a href="#mb_gedicht1" rel="lightbox[gedichte 600 400]">Gedicht1</a>
<a href="#mb_gedicht2" rel="lightbox[gedichte 600 400]">Gedicht2</a>

Kannst du eine Galerie daraus machen.

Grüße

[dragon]

Hallo,
vielen Dank für den Tip!

Wollte das gerade ausprobieren, aber es hängt schon an der direkten Anbindung der Lightbox an einen Navigationsmenüpunkt.
Laut dem Feature #1267 rel=lightbox für Navigationspunkte (Mediabox) kann man in der Seitenstruktur eine beliebige CSS-Klasse (z.B. lightbox) angeben und mit

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

im Seitenlayout die Links direkt in der Mediabox öffnen lassen.
Funktioniert aber erst mit der Mediabox ab 2.8.0

Lässt sich das auch irgendwie in 2.7.5 bewerkstelligen?

Beste Grüße,
Jürgen

[Psi]

2.7.5 - hoffe du hast die Sicherheitspatches installiert!

Bei 2.7.5 musst du die slimbox durch die Mediabox ersetzen, die wurde glaub über die fe_page.tpl eingebunden?

[dragon]

Guten Morgen,

Sicherheitspatches sind natürlich drauf, klaro.

Habe anstatt eines Menüpunktes jetzt eine Grafik als Link eingebunden.
Die Lightbox öffnet sich auch, mehr als die Ladeanzeige ist aber nicht zu sehen
Eine normale Lightbox-Galerie auf der Seite funzt einwandfrei.

Habe einen Artikel "Gedichte" erstellt und mit 4x Text gefüttert und jeweils ne ID vergeben. Unten im Artikel sind die Links als html eingefügt. Alles wie beschrieben...
Der Artikel ist über ein Modul per insert_article in die Seite eingebunden.

Ich weis echt nicht wo der Fehler liegt

Gruß Jürgen

[MacKP]

Der Artikel ist über ein Modul per insert_article in die Seite eingebunden.

Dann kontrolliere doch bitte mal ob alle nötigen Scripte geladen werden auf der Seite.
Ich meine bei inserttags hat TL bei sowas Probleme, da diese auf solchen Seiten nicht geladen werden (müsste man also per Hand in einem Seitenlayout im Header eintragen und dann dieses Seitenlayout für solche Seiten nehmen).

Viele Grüße

[pixeldude]

Hallo,
Wollte das gerade ausprobieren, aber es hängt schon an der direkten Anbindung der Lightbox an einen Navigationsmenüpunkt.
Laut dem Feature #1267 rel=lightbox für Navigationspunkte (Mediabox) kann man in der Seitenstruktur eine beliebige CSS-Klasse (z.B. lightbox) angeben und mit

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

Dazu hätte ich folgende Frage:
In http://https://contao.org/issues/1267#note-12 schreibt leo:

Die entsprechenden Links werden dann in der Mediabox geöffnet. Bei Bedarf lassen sich zusätzlich Optionen übergeben, um die Mediabox anzupassen, was beim einfachen rel-Attribut nicht möglich ist.

Wie kann ich Optionen mit dieser Methode übergeben, zb die Grösse der Mediabox?

[Psi]

<script type="text/javascript">
$$('.mod_navigation a.lightbox').each(function(el) {
  el.mediabox({
    counterText: '({x} von {y})',
    resizeDuration:1500
});
});
</script>

[pixeldude]

counterText: '({x} von {y})'

Wie gebe ich damit zB 1024x768 an?

[Psi]

defaultHeight und defaultWidth Parameter

[pixeldude]

Danke Psi,

Jetzt klappt es:

<script type="text/javascript">
$$('.mod_navigation a.lightbox').each(function(el) {
  el.mediabox({
    defaultWidth:1024,
    defaultHeight: 768
});
});
</script>

[cheche]

Guten Morgen,

Sicherheitspatches sind natürlich drauf, klaro.

Habe anstatt eines Menüpunktes jetzt eine Grafik als Link eingebunden.
Die Lightbox öffnet sich auch, mehr als die Ladeanzeige ist aber nicht zu sehen
Eine normale Lightbox-Galerie auf der Seite funzt einwandfrei.

Habe einen Artikel "Gedichte" erstellt und mit 4x Text gefüttert und jeweils ne ID vergeben. Unten im Artikel sind die Links als html eingefügt. Alles wie beschrieben...
Der Artikel ist über ein Modul per insert_article in die Seite eingebunden.

Ich weis echt nicht wo der Fehler liegt

Gruß Jürgen

Hallo!

Eine Frage, hat das dann so funktioniert wie gewünscht? Würde so eine Möglichkeit auch suchen, gibt es schon einen fertigen Link zum anschauen?
Lg
cheche