Lightbox aus Navigation heraus starten. (Mediabox)

[ciaobello]

Hallo tomzie,

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

Das scheint unter 2.11 nicht mehr zu funktionieren? Bei der Seite hab lightbox als class angegeben und im Seitenlayout moo_mediabox ausgewählt und im Seitenlayout ist auch xhtml eingestellt. Tut sich aber nix

Hat jemand ein Vorschlag ?

[xchs]

Abgesehen davon, dass die Custom Options im aktuellen Skript leider nicht (mehr) berücksichtigt werden (*): Passt der Selektor ".mod_navigation a.lightbox" für Dein Navigationsmenü?


(*) In der nächsten Bugfix-Version 2.11.3 wird es dazu einen contaoeigenen Patch geben.

[ciaobello]

Im Quellcode wird es mir so angezeigt:

lightbox_aus_Mainmenu.png

Müsste doch stimmen?

Wenn Du mit Custom Options die Grössen angaben meinst hab ich es auch probiert ohne. Geht auch nicht.

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

[xchs]

So, jetzt habe ich das nochmals in der Online-Demo probiert: Funktioniert soweit einwandfrei.

[ciaobello]

So, jetzt habe ich das nochmals in der Online-Demo probiert: Funktioniert soweit einwandfrei.

Danke fürs testen.
Ich habe auch mal noch in die onlinedemo geguckt und gesehen das da noch 2.11.1 läuft.
Habs dann lokal mit 2.11.1 auch hin gekriegt.

(*) In der nächsten Bugfix-Version 2.11.3 wird es dazu einen contaoeigenen Patch geben.

Hast Du da noch eine Issue Nummer damit ich in github nachgucken kann ob es den Patch schon gibt?
Habe selber auch gesucht aber nichts gefunden.

[xchs]

Hast Du da noch eine Issue Nummer damit ich in github nachgucken kann ob es den Patch schon gibt?

Natürlich. Bitteschön: #4149

[xkoy]

Hi,

kann man irgendwie das in % Angeben die breiten, so funktioniert es NICHT:
defaultWidth: 90%,

Hallo tomzie,

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

[xchs]

Ich glaube nicht. Das Skript erwartet hier Pixel-Werte.

[ciaobello]

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

Ich habe das jetzt mal so in einem html5 Seitenlayout eingegeben nun geht die mediabox nicht mehr auf. Ich weiss das ich was übersehen habe ... aber was wohl ?

[dirksche]

Ich schliesse mich der Frage an. Habe das selbe Problem.

[dirksche]

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

Also bei mir öffnet sich so die Lightbox... allerdings immer in der Standadbreite und Höhe. Ich möchte die Mediabox aber breiter haben... wie kann ich sonst die Defaultwerte überschreiben? Jemand eine Idee?

LG.
Dirk

[dirksche]

<script type="text/javascript">
<!--
window.addEvent('domready', function() {
    if($('mainnav'))
    {
        function mediabox() { 
            Mediabox.open(this.href, this.title, 'data-mediabox=[925 500]');
            return false;
        };
    
        $('mainnav').getElements('a.lightbox').addEvent('click',mediabox);
    }
});
//-->
</script>

Ich habe das Javascript umgeschrieben und jetzt nimmt er schon mal die 500px als Höhe. Die Breite von 925px funktioniert aber immer noch nicht??
Bin für Vorschläge offen.

LG,
Dirk

[ciaobello]

Hallo dirksche,
bei mir geht es nicht. Ich weiss nicht was ich falsch mache? Muss ich irgendwo noch was eintragen das dies mit html5 auch geht ?

ciaobello

[mrhn]

<script type="text/javascript">
<!--
window.addEvent('domready', function() {
    if($('mainnav'))
    {
        function mediabox() { 
            Mediabox.open(this.href, this.title, 'data-mediabox=[925 500]');
            return false;
        };
    
        $('mainnav').getElements('a.lightbox').addEvent('click',mediabox);
    }
});
//-->
</script>

Ich habe das Javascript umgeschrieben und jetzt nimmt er schon mal die 500px als Höhe. Die Breite von 925px funktioniert aber immer noch nicht??
Bin für Vorschläge offen.

LG,
Dirk

Hatte gerade das gleiche Problem und brauchte Prozentangaben…

Die Breite geht so.
Da fehlt der Bezeichner / Name der Lightbox.

Damit sind auch Prozentangaben möglich.
Getestet unter 10.3

<script type="text/javascript">
<!--
window.addEvent('domready', function() {
    if($('navmain'))
    {
        function mediabox() { 
            Mediabox.open(this.href, this.title, 'data-mediabox=[namederlightbox 100% 900]');
            return false;
        };
    
        $('navmain').getElements('a.lightbox').addEvent('click',mediabox);
    }
});
//-->
</script>

Danke für den Denkanstoss!