jQuery-Ersatz für Mootools-Mediabox/-Slimbox gesucht

[Nina]

Ich nutze bei einem Contao-Projekt jQuery und möchte dabei aber möglichst die internen Strukturen nicht ändern. Deshalb suche ich derzeit nach einem jQuery-Ersatz für die eingebundenen Mootools-Scripte Mediabox und Slimbox.

Wichtig ist dabei, dass diese auf den gleichen Aufruf reagieren (rel="lightbox") sollten, wie wir das von den Mootools-Scripten reagieren und idealerweise natürlich auch die gleichen Features haben sollten.

Habt ihr da zufällig passende Scripte zur Hand? Ich mache mich auch alleine auf die Suche, aber für jQuery gibt es gefühlt hunderte Image-Scripts, so dass das etwas dauern könnte

[schman]

Vielleicht hilft dir ja diese Matrix

[Nina]

Für die Slimbox habe ich dieses Script im Auge:
Demo | Code | Lizenz

Was haltet ihr davon? Sieht für mich sehr identisch aus.

Schwieriger wirds mit einem Mediabox-Klon

[Nina]

Vielleicht hilft dir ja diese Matrix

Ah, danke, das ist ja praktisch. Mal schauen ob was brauchbares dabei ist.

Nachtag: Hm, ne. Kein Mediabox-Klon dabei, der auch auf rel="lightbox" reagiert und alle Mediaformen unterstützt, die auch die Mediabox hat

[psren]

Es gäbe da z.B. die Fancybox. Da kannst du den Selektor selbst bestimmen...
Die ist in der Boilerplate-Erweiterung integriert so weit ich weiß.

//Edit: Wobei in der Matrix ein paar Features fehlen.

[Nina]

Ziemlich nah kommt die OrangeBox ran, soweit ich das gerade sehen kann. Allerdings befindet sie sich laut dem Entwickler anscheinend noch in der Beta?

Demo/Code

[Nina]

Fancybox. Da kannst du den Selektor selbst bestimmen...

Hm, kann ich den dann wirklich so anpassen, dass er auf die genau gleichen HTML-Aufrufe reagiert, wie sie Contao bisher ausgibt?

[xchs]

Hallo Nina,

hast Du Dir die im ER verfügbaren Erweiterungen jQuery betreffend schon angesehen?
Es gibt dort auch ein jQuery Lightbox-Plugin. Ich weiß allerdings nicht, inwieweit sich diese Lightbox-Variante mit Deinen Vorstellungen/Anforderungen deckt.

• jquery
• jquery_lightbox

[JanoschSkuplik]

jquery_lightbox

Das ist die, die weiter oben schon einmal verlinkt war.

Für die Slimbox habe ich dieses Script im Auge:
Demo

Allerdings soweit ich mich erinnere eine etwas angepasste Version (siehe Quellcode der js-Datei).

Edit: ansonsten lassen sich bei vielen der jQuery-Lösungen die Selektoren individuell anpassen, sodass sie auch auf rel=lightbox reagieren. Allerdings habe ich bisher noch keine gefunden, die so umfangreich ist, wie die Mediabox advanced.

Gruß Janosch

[psren]

Hm, kann ich den dann wirklich so anpassen, dass er auf die genau gleichen HTML-Aufrufe reagiert, wie sie Contao bisher ausgibt?

Hab mal die Fancybox ins ER gestellt.

reagiert auch auf rel="lightbox" bzw rel="lightbox[lb1]"
wobei das mit den Klammern im rel n bissl problematisch war und daher zu rel="lightboxlb1" ge regext wurden.

Sollte aber keinen Unterschied machen?!

[sonneimmeer]

Hallo Psren

Ich habe diesen Code.

<script type="text/javascript">
$(window).load(function() {
   $originText = $("#ctrl_467").text();
   $helpText = '<a href="{{link_url::163}}" title="{{link_title::163}}" data-lightbox="">(Hilfe)</a>';
  $("label[for='ctrl_467']").html($originText +" "+$helpText);
});
</script>

Aktiviert ist diese im Template, der JS Coder erscheint auf der Seite. Wie rufe ich Deine Jquery Funktion auf?

Grüsse und besten Dank

[sonneimmeer]

Liebe Kollegen

Ich habe getestet und mir ist auf Contao 3.1 ein Verhalten aufgefallen, dass ich mir nicht erklären kann.
Wenn ein Nutzer mehrmals auf die selbe Fancybox klickt und dann schliesst, muss er beim schliessen immer einmal mehr auf X (schliessen) klicken um die Fancybox zu schliessen. Wenn er also die Fancybox zweimal öffnet und schliesst, muss er beim zweiten Mal öffnen zweimal klicken um diese zu schliessen. Nach dem dritten Mal fällt der EI oder auch der Firefox um. Es zeigt dann Error Popups ohne Inhalt an.

Ich habe gesehen, das beim zweiten Mal öffnen der selben Fancybox die Box zweimal aufgeht. Man nimmt es kaum wahr, aber es ist so. Wie kann ich das deaktivieren?

Was könnte das?

Herzliche Grüsse

[sonneimmeer]

Hallo Ihr Lieben

Ich zeige via Fancybox eine weitere HTML Seite. Diese hat zwar ein eigenes Template nur für Seiten ohne Frame, aber auf diesem Template war noch aktiv 'j_accordion'. Ich habe dieses weggenommen und nun lädt es nur noch einmal.

Als Hinweis für Personen, die mit Fancybox nicht nur Bilder laden wollen... man muss fast zwingend ein eigenes Template haben, wenn Fancybox benutzt wird.

Grüsse und besten Dank

[Nina]

Wahrscheinlich kamen sich da irgendwie die (doppelten) Scripte in den Weg. Schön, dass du die Ursache gefunden hast und hier mit uns teilst