WebsiteBaker Community Forum
WebsiteBaker Support (2.13.x) => General Help & Support => 
Hilfe & Support (deutsch) => Topic started by: imebro on March 17, 2025, 12:15:17 PM
-
Hallo,
wie kann ich mit der FancyBox Fotos im eigenen Fenster öffnen?
Mit der Stylesheet-Klasse "pic1_fb" und der Einstellung "Neues Fenster (_blank)" bei "Zielseite" entsteht nur ein neuer Tab.
Danke und Grüße,
imebro
-
Bitte angeben, welches Modul du da genau benutzt, die Fancybox ist eine JS-Effekt, der in verschiedenen Modulen eingebaut wurde.
Sollte das Modul nicht in unserem Addons (https://addon.WebsiteBaker.org/en/browse-add-ons/) oder bei Ruud (https://dev4me.com/modules-snippets/) verfügbar sein, bitte zippen und mit anhängen.
Im Allgemeinen ist _blank als target die Anweisung für ein neues, leeres Fenster
allerdings benötigen JS-Effekte im Normalfall kein target, weil sie in einem Overlay auf die aktuelle Seite gepackt werden, eine Art Folie oben drauf. Die target-Angabe zählt für Probleme mit dem JS, von daher, alles gut
Deinen Schilderung nach bin ich eher beim JS, das hier nicht recht funktioniert
-
Hallo und danke für die Antwort.
Ich weiß nicht genau, ob tatsächlich die "Fancybox" für das von mir beschriebene Problem zuständig ist.
Daher habe ich mal ein Foto angehangen, welches alle installierten Module aufzeigt.
Ich möchte am Ende noch sagen, dass ich schon seit mehreren Jahren keine Webseitengestaltung mehr mache.
Diese eine Seite ist die einzige Webseite, für die ich ein- od. zweimal im Jahr mal ein neues Foto einstelle oder einen kleinen Text ändere.
Daher bin ich nicht mehr so in der Arbeit mit Webseitbaker drin und daher auch meine Frage hier... sorry dafür.
Grüße,
imebro
-
Hallo imebro
Danke für diese Übersicht, die uns zeigt, dass die Seite (noch) nicht auf dem neusten Stand ist.
Das muß nicht unbedingt was mit deinem Fehlerbild zu tun haben, aber könnte.
Hast du einen Link zur Webseite, damit wäre eine schnelle Analyse mit den Bordmitteln von jedem Brower möglich.
LG Harald
-
Hallo Harald,
danke für die weitere Antwort...
Ja, ich habe lange nichts mehr in WB aktualisiert - das ist korrekt.
Hier mal der Link zur Webseite, um die es hier geht.
Z.B. die beiden Fotos unter "Referenzen", die ich vor 2 Tagen eingesetzt habe.
https://www.kinderbetreuung-rita.de/
Danke & Grüße,
imebro
-
Danke für den Link
Dort ist dann bei den 2 neuen Bildern zu sehen, dass diese genau das machen, was "programmiert" wurde
<a class="pic1_fb" href="https://www.kinderbetreuung-rita.de/media/images/Referenz1.jpg" target="_blank">und diese Anweisung:" target="_blank"sagt aus, dass ein neuer TAB geöffnet werden soll.
auf der Seite "Bilder" sehe ich auch dass gleichen Verhalten, allerdings ohne die Anweisung " target="_blank"
-
Man sieht im Quelltext, dass jQuery mehrfach geladen wird. Evtl. behebt das das Problem.
Ich kenne das Modul nicht, aber es erzeugt u.a. diese Zeilen:
<!--- Einbindung der "Fancy-Box", womit man Bilder + Videos mit dem "Lightbox-Effekt" einstellen kann -->
<script type="text/javascript" src="https://www.kinderbetreuung-rita.de/include/jquery/jquery-min.js"></script>
<script type="text/javascript" src="https://www.kinderbetreuung-rita.de/modules/fancy_box/jquery-fancybox.js"></script>
<script type="text/javascript" src="https://www.kinderbetreuung-rita.de/include/jquery/jquery-pngFix.js"></script>Die zweite Zeile läd jquery-min.js, was in deinem Fall zu Problemen führen kann, denn du hast jQuery bereits über WB aktiviert.
Am Besten genauso auskommentieren wie die erste Zeile.
Zu finden evtl. in der index.php deines Templates oder im Modul.
-
trotz der hartnäckigen Ignorierung meiner Bitte, doch mal das benutzte Modul mit anzuhängen, hab ich mich mal selbst auf den Weg gemacht, weil ich es selbst wissen wollte...
Die Lösung ist recht einfach, wenn man es erstmal herausgefunden hat: das dort verwendete Jquery-Fancybox-Script läuft nur mit JQuery kleiner Version 1.9.0. Da WebsiteBaker seit geraumer Zeit als min-Version die jquery_1.9.1 mitliefert und so auch auf dieser Seite aktiviert ist, läuft diese Fancybox natürlich nicht mehr
Verwendet wird auf der verlinkten Webseite die fancybox-Version 1.2.1 aus 2010
Es gäbe noch eine neuere, kostenlose Version fancybox_1.3.4, die erfordert allerdings schon wieder Umbauten im Modul und im Aufruf der Bilder -> http://fancybox.net/
Alle weiteren, neueren Versionen der Fancybox sind kostenpflichtig -> https://fancyapps.com/fancybox/
Mögliche Lösungen....
schau ich mir den Rest der verlinkten Webseite an, wäre es wohl das Einfachste, wenn man eine ältere JQuery-Version sucht und diese unter /include/jquery/dist in einem Ordner einfügt, der die Versionsnummer dieser alten Version trägt, schaut dann so aus
(https://i.gyazo.com/620bf95d55f481b5f2aad39ff393997f.png)
Ist die Version in dieser Form installiert, kann sie unter OPTIONEN-> Server -> JQuery ausgewählt werden.
Da diese Webseite keine anderen JQuery-Funktionen benutzt, sollte das kein Problem darstellen.
Variante 2 wäre ein Wechsel weg von der Fancybox und hin zur Colorbox -> hier im Anhang (https://forum.WebsiteBaker.org/index.php/topic,32408.msg226957.html#msg226957) die neueste Version. Das erfordert dann aber eine Änderung der betroffenen Bilder-Links wie im verlinkten Beitrag und in der Readme des Colorbox-Moduls beschrieben.
Sollte das für dich in Frage kommen, bitte das Fancybox-Modul über Erweiterungen-> Module deinstallieren
Alternativ kannst du natürlich auch alles so lassen wie es aktuell ist, deine Entscheidung
-
@ sternchen8875:
Danke für den Tipp.
Habe das jetzt so umgesetzt (siehe Anhang) und genau mit der von Dir beschriebenen "jsQuery-Version 1.3.2".
Die Version 1.3.2 ist auch in den Servereinstellungen ausgewählt.
Allerdings ändert sich danach nichts, wenn ich die Webseite (Tab "Referenzen") aktualisiere.
@dbs:
ich habe den Eintrag
<!--- Einbindung der "Fancy-Box", womit man Bilder + Videos mit dem "Lightbox-Effekt" einstellen kann -->
zwar in der inxex.php des Templates gefunden, aber nicht die 3 restlichen Zeilen.
Was meinst Du mit "Zu finden evtl. in der index.php deines Templates oder im Modul"?
-
@dbs:
Ich habe den Eintrag
<!--- <script type="text/javascript" src="<?php echo WB_URL; ?>/include/jquery/jquery-min.js"></script> -->
jetzt gefunden und auskommentiert in:
"modules/fancy_box/include.php"
Aber auch das hat nichts verändert.
Wie ja schon geschrieben, ist im Moment "jsQuery Vers. 1.3.2" aktiv.
Falls es jetzt eine mehr aufwendige Sache würde, würde ich es eher so lassen, wie es war.
Sollte ich dazu dann wieder die "jsQuery-Version 1.9.1" aktivieren und das Auskommentieren der obigen Zeile auch wieder rückgängig machen?
Grüße,
imebro
-
Das wird jetzt zu konfus. Aktuell wird jQuery 1.10.2 nach Fancybox und vor Colorbox geladen.
So wird evtl. nur die Colorbox funktionieren.
Sternchen hatte beschrieben wie man eine andere jQuery Version in WB hinzufügt. Das ist der beste Weg, weil jQuery dann auch wirklich als erstes bzw. vor allen anderen geladen wird.
-
danke Dir.
Aber ich hatte ja geschrieben, dass ich die andere jsQuery-Version bereits installiert habe (siehe mein vorletzter Post).
Dennoch ändert sich da nichts.
Grüße,
imebro
-
...ich habe alle Änderungen jetzt zunächst mal wieder zurückgesetzt, da die Änderungen nichts verändert hatten.
Also
- Auskommentierung wieder rückgängig gemacht
- jsQuery-Version 1.9.1 wieder aktiviert
Grüße,
imebro
-
....und ich hatte auch geschrieben, das das Fancybox-Modul deinstalliert werden muß, wenn die colorbox da laufen soll.
Durch die frontend.js und die include.php werden die Scripte der Fancybox geladen und diese erzeugen dann deine aktuellen Fehlermeldungen in der Konsole wie z.b.
Uncaught TypeError: $.browser is undefined
Wenn du meinst, du hättest die Fancybox gern noch behalten, weil du eventuell wieder retour mußt, dann muß zumindest die frontend.js und die include.php im Ordner /modules/fancybox umbenannt werden, denn WB sucht nach genau dieser Buchstabenkombinati on. Eine Datei frontendddddd.js wird dann eben nicht gefunden und nicht eingebunden.
Alles, was jetzt noch notwendig ist, dauert für einen versierten User vielleicht zwei, drei Minuten, egal, in welche Richtung man geht. Nun mußt du das in dieser Zeit nicht schaffen, es steht mir auch nicht zu, das zu beurteilen, aber funktionieren muß es.
Ich bilde mir ein, eine gut verständliche Beschreibung geliefert zu haben. Sollte es irgendwo haken, sag bitte Bescheid, denn es werden sicher noch weitere Leute kommen, die das gleiche Problem haben.
-
Habe das jetzt so umgesetzt (siehe Anhang) und genau mit der von Dir beschriebenen "jsQuery-Version 1.3.2".
sehe eben erst deinen Screenshot - die jquery-Datei muß zwingend jquery-min.js heißen. Siehe auch in den anderen Ordnern dort und mein Screenshot oben in Beitrag #7 (https://forum.WebsiteBaker.org/index.php/topic,32409.msg226964.html#msg226964)
-
Hallo Ihr Lieben :lol:
dann lag es tatsächlich nur an der Benennung der jsQuery-Datei.
Diese habe ich nun "jquery-min.js" genannt und auch die Scriptzeile in "modules/fancy_box/include.php" wieder auskommentiert.
Jetzt klappt es.
Wenn man jetzt ein Bild anklickt, wird es innerhalb der selben Seite in einem eigenen Fenster, vergrößert angezeigt... genau so, wie es sein soll (Y)
Danke für Eure Hilfe.
Grüße,
imebro
-
Ich sehe gerade Nebenwirkungen dieser Schaltung :-(
eine fehlende Datei /include/jquery/dist/1.3.2/jquery-migrate-min.js
die jquery-migrate-min.js gab es natürlich damals noch nicht für jquery 1.3.2
Ich würde mir, der Einfachheit halber eine leere Datei erstellen, sie genauso benennen und parallel zu jquery-min.js ins 1.3.2er Verzeichnis packen
-
ok und danke für den Tipp.
Könnte ich auch die "jquery-migrate-min.js" aus dem 1.9.1 Ordner nehmen?
Muss ansonsten mal schauen, wie ich eine leere ".js"-Datei erstelle. Irgendwie ist alles weg aus meinem Kopf :roll:
Hab jetzt erstmal einfach ne Textdatei mit dem Namen erstellt und dann von ".txt" in ".js" umbenannt. Hoffe das geht.
Grüße,
imebro
-
die "jquery-migrate-min.js" aus dem 1.9.1 Ordner könntest du kopieren, mußt sie dann aber öffnen und den Inhalt raus löschen
Ansonsten kannst du die Datei mit jedem Editor erstellen und, zumindest bei mir mit WS_FTP, auch mit dem FTP-Programm.
Hab jetzt erstmal einfach ne Textdatei mit dem Namen erstellt und dann von ".txt" in ".js" umbenannt. Hoffe das geht.
Jepp, genau so (Y)
-
Hat alles funktioniert, Fehlermeldung ist weg
-
super, danke Dir für die weitere Hilfe. (Y)
Grüße,
imebro