Verlinkung zur Lightbox vom Menü aus?

  • Liebe Community,

    Ich hoffe, die Frage ist nicht zu banal oder oft gestellt worden - Und zwar würde ich gerne vom Menü aus zum ersten Element einer bestehenden Lightbox-Bilder-Gruppe (Plugin: ModuloBox) verlinken. Ich habe bereits ein paar Dinge probiert (Plugin JinMenu, Javascript onclick-Funktion) aber leider funktioniert nichts davon. Habt jemand Ideen, wie man das umsetzen könnte? Eventuell mit Javascript? Oder einem Plugin? Die Links sehen folgendermaßen aus (gekürzt für die bessere Übersicht):

    [PLAIN]<a id="nomestart" class="mobx" href="http://www.testurl.at/testbild.jpg" data-rel="nomegroup"><img class="alignnone wp-image-1829" src="http://www.testurl.at/testbild.jpg%22/></a>

    <a class="mobx" href="http://www.testurl.at/testbild2.jpg" data-rel="nomegroup"><img class="alignnone wp-image-1830" src="http://www.testurl.at/testbild2.jpg%22/></a>[/PLAIN]

    Ich dachte, es ist vielleicht möglich, irgendwie auf die Link-ID #nomestart zu verlinken oder über das data-rel-Attribut?

    Liebe Grüße,
    David

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Poste einen Link zur entspr. Seite mit dieser bestehenden Lightbox-Bilder-Gruppe, dann kann man sich das ansehen und ggf. daraus Vorschläge ableiten.

    Weiterhin poste auch Deinen erfolglosen Javascript onclick Versuch, damit man sehen kann, was schon probiert wurde.

  • http://www.herwig-steiner1956l.at/?passkey=hinterdiekulissen
    (um den Wartungsmodus zu umgehen)
    Und dann auf: http://www.herwig-steiner1956l.at/artworks-2-index/
    Da ist rechts ein Slider. Vom Menü aus (Unterpunkt No one more execution) soll auf das erste Element (…detailansicht 4.jpg) verlinkt werden und sich die Lightbox-Gruppe öffnen, also genau so, als würde man auf das Bild (…detailansicht 4.jpg) klicken.

    Ich habe grob 2 Dinge probiert:

    - Das Plugin JinMenu ( https://de.wordpress.org/plugins/jin-menu/), welches zum Menu eine onclick() Funktion hinzufügt, mit dem Code $("#nomestart")[0].click(); in verschiedenen Variationen.

    - Folgenden Code im Header:

    $(document).ready(function(){
    $(".nomelink").click(function(){
    $("#nomestart")[0].click();
    });
    });

    Beides hat leider nicht funktioniert, es ist quasi nix passiert, auch keine Fehlermeldung etc.

    Vielen Dank schonmal :)

  • In [FONT=Courier New]wp-content/plugins/modulobox/public/assets/js/modulobox.js[/FONT] kann man bei der Funktion [FONT=Courier New]proto.open[/FONT] für den Klick sehen, dass die Übergabe von drei Parametern erwartet wird, evtl. hilft Dir das schon weiter.

  • Ah, vielen Dank schon mal - ich weiß leider nicht, wie man genau eine Javascript-Funktion vom WP-Menü aus anspricht. Das JinMenu Plugin funktioniert anscheinend laut mehreren Foren nicht mehr. Hättest du eine Idee? Sorry, ich bin leider ein Javascript-Anfänger. Aber das schaut nach nem guten HInweis aus!

    /**
    * Open lightbox from a given Gallery name and media index
    * @Param{string} name
    * @Param{number} index
    * @Param{Object} event
    */
    proto.open = function( name, index, event )

    Ich werd mal recherchieren. Ich dachte es gibt vielleicht eine einfache Lösung mit Plugin oder Ansprache des Links auf HTML-Basis.

  • Vielen Dank euch :) Ich habe das Problem nun so gelöst, dass ich die Seite einfach dupliziert habe und wenn die Seite dann geladen wird, mit die Lightbox geöffnet wird. Glücklicherweise hat das Plugin "ModuloBox" eine eigene Javascript-API. Sehr spezifisch, aber vielleicht hilft es ja sonst jemanden. "nomegroup" bezeichnet hierbei das data-rel Attribut

    [PLAIN]var nomemobx = new ModuloBox({
    autoCaption : true,
    thumbnails : false,
    controls : ['zoom', 'fullScreen', 'close'],
    prevNext : true,
    mediaelement : true,
    mediaSelector: '.mobx',
    history : true,
    });
    nomemobx.init();
    nomemobx.open('nomegroup',0);[/PLAIN]

    Danke euch nochmal, hat sich erledigt.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!