Ok, ich habe das Problem nun lösen können, über einen Umweg mit .click();
window.onload = function(){
var nomestartvar = document.getElementById('nomestart');
nomestart.click();
};
lg
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenOk, ich habe das Problem nun lösen können, über einen Umweg mit .click();
window.onload = function(){
var nomestartvar = document.getElementById('nomestart');
nomestart.click();
};
lg
Zitat von "Marcus[IS, post: 803889, member: 25287"]Hi,
Ich habe gerade mal beide Links aufgerufen und ein Bild geklickt. Bei beiden sieht die Lightbox Ausgabe gleich aus. Ich kann nicht erkennen, ob irgendwo ein Icon fehlt. Es scheint alles vorhanden zu sein. Navigationspfeile, Vollbildansicht Icon, Lupe Icon und das Kreuz Icon für die Schließen Funktion.
Vielen Dank fürs Nachsehen Marcus und sorry, ich unabsichtlich nach dem Beitrag unabsichtlich einen Teil vom Code rausgekickt. Die Lightbox die sich bei Laden der Seite http://www.herwig-steiner1956l.at/artworks-2-ind…nterdiekulissen nun automatisch öffnet, hat keine Icons. Anscheinend weil ich eine neue ModuloBox-Instanz erzeugen muss, um diese mit open() anzusprechen. Was mich wundert ist, dass er nur das CSS aber eben nicht die Icons mitnimmt. Hast du ne Idee wo das Problem sein könnte?
Liebe Grüße,
David
Liebe Community,
ich verwende das Plugin ModuloBox als Lightbox, welches auch großartig für meine Zwecke funktioniert und über eine umfangreiche Javascript-API angesteuert wird. Überall auf der Seite funktioniert die Lightbox ohne Probleme. Nur wenn ich auf Unterseiten mit Javascript eine eigene Instanz erzeuge und bei Laden der Seite automatisch öffne, wird alles richtig angezeigt - auch das CSS, nur die Icons fehlen. Der Support meinte, das liegt nicht in ihrem Bereich und nun versuche ich das irgendwie selber zu lösen. Die Javascript-Konsole gibt folgenden Code aus:
[INDENT]JQMIGRATE: Migrate is installed, version 3.3.2
modulobox.min.js?ver=1.6.0:8 Uncaught TypeError: Cannot set property '0' of undefined
at h.e.appendDOM (VM20415 modulobox.min.js:8)
at h.e.createDOM (VM20415 modulobox.min.js:8)
at h.init (VM20415 modulobox.min.js:8)
at HTMLDocument.<anonymous> (VM20427:383)
e.appendDOM @ modulobox.min.js?ver=1.6.0:8
e.createDOM @ modulobox.min.js?ver=1.6.0:8
init @ modulobox.min.js?ver=1.6.0:8
(anonymous) @ VM20427:383
[/INDENT]
Das ist der Code den ich verwende, um die Lightbox zu öffnen:
[INDENT]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);[/INDENT]
[INDENT][/INDENT]
Normalerweise sollte die Lightbox so aussehen (auf ein Bild klicken):
http://www.herwig-steiner1956l.at/artworks-2-ind…nterdiekulissen
Und so sieht die Seite mit der "eigenen Instanz" aus:
http://www.herwig-steiner1956l.at/artworks-2-ind…nterdiekulissen
Kennt jemand dieses oder ein ähnliches Problem? Muss man die icon-Datei, die irgendwo im Plugin-ordner liegen sollte manuell einbinden oder so? Vielen Dank schonmal!
Liebe Grüße,
David
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.
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.
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 :)
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