Recent Posts

41

Hilfe & Support (deutsch) / Re: Fancybox im eigenen Fenster

« Last post by imebro on March 18, 2025, 10:36:49 AM »

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

42

Modules / Re: colorbox macht nicht was sie soll

« Last post by hgs on March 18, 2025, 07:34:41 AM »

Danke

43

Modules / Re: colorbox macht nicht was sie soll

« Last post by sternchen8875 on March 17, 2025, 04:06:37 PM »

Im Anhang mal eine neue Version des Colorbox-Snippets
Dieses funktioniert in altgewohnter Weise, d.h. die CSS-Klasse im Link zum vergrößertem Bild. Eine Bearbeitung der Template-index.php ist nicht notwendig, sofern register_modfiles(js) dort aktiviert ist (war immer schon Bedingung)

Eingebaut hab ich auch die vom Entwickler empfohlene Methode, die ich oben beschrieben habe und die über die CSS-Klassen group1 - group4 funktioniert, so das niemand deswegen nun alles nachrüsten muß

Sind auf einer Seite mehrere Bilder mit den CSS-Klassen "colorbox" oder auch "group4", werden diese in einer automatisch startenden Slideshow zusammengefaßt. Bilderlinks der CSS-Klassen group1 - group3 werden in der Lightbox gruppiert, es erfolgt aber kein Autostart der Slideshow.

Ansonsten funktioniert alles wie gewohnt, fünf mögliche Design's, die in der frontend.css eingestellt werden können (default == 1)
Einstellungen zu den Bildern oder Slideshow in der Datei /js/box.js

Weitere Infos in der Readme.md des Moduls

P.S.: das rel-Attribut ist im Modul nicht notwendig, muß also für diesen Zweck nicht angegeben werden

44

Hilfe & Support (deutsch) / Re: Fancybox im eigenen Fenster

« Last post by sternchen8875 on March 17, 2025, 12:47:45 PM »

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 oder bei Ruud 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

45

Hilfe & Support (deutsch) / Fancybox im eigenen Fenster

« Last post 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

46

Modules / Re: colorbox macht nicht was sie soll

« Last post by sternchen8875 on March 16, 2025, 06:41:17 PM »

noch zur Info: ich hab aus Dietmars Entwicklungen noch Versionen als Snippet, bekomme aber keine davon zum Laufen. Allerdings hab ich die Colorbox in Snippet-Version nie selbst benutzt, gut möglich, das ich da erst eine Anleitung benötige. Es werden zwar alle Dateien geladen, aber ein Colorbox-Effekt sehe ich da nicht.

Analog passiert es bei der Version im Addons -> https://addon.WebsiteBaker.org/en/browse-add-ons/?filter=Colorbox&id=0A392132
die ja schon getestet ist, aber eben nicht von mir. Vielleicht hat jemand die Muße, sich damit zu beschäftigen und ggf eine Readme anzufügen, die als Anleitung laufen könnte.

P.S.: Insgesamt sind die colorbox-Scripte schon recht alt, wie man auf der Github-Seite sehen kann. Wenn sich über die Jahre etwas verändert hat, ist es aber lediglich die Einbindung der notwendigen Dateien

47

Modules / Re: colorbox macht nicht was sie soll

« Last post by sternchen8875 on March 16, 2025, 06:25:35 PM »

Also  - diese Lösung ist nichts, was ich mir ausgedacht habe, es entspricht dem, was der Colorbox-Entwickler hier in seinen Beispielen empfiehlt -> https://github.com/jackmoore/colorbox
oder alös funktionierendes Beispiel hier ->
https://www.jacklmoore.com/colorbox/example1/
https://www.jacklmoore.com/colorbox/example2/
https://www.jacklmoore.com/colorbox/example3/
https://www.jacklmoore.com/colorbox/example4/
https://www.jacklmoore.com/colorbox/example5/

Den Code oben mußte ich noch einmal korrigieren, er beinhaltet ebenfalls das headerslider-Bild, das du nicht benötigst. Orientiere dich beim Code an den Beispielen von Github des Entwicklers. Auf deiner Webseite ist das bereits korrigiert

Heißt das dass ich den Code in der Index.php des jeweiligen Templates einfügen muss?

kurze Antwort: JA

Und funktioniert der Aufruf dann wie gehabt über die Bildeigenschaften/Link - Klasse Colorbox ?

Nein, wie gesagt, über die Klassen group1 - group4 (für Bilder)

Sind damit auch noch andere Darstellungen möglich?

verwendest du die CSS-Klasse group4, werden alle Bilder in einer Slideshow zusammengefaßt, die ebenfalls die Klasse "group4" haben
Möglich wären aber auch andere Inhalte wie Ajax-Content, Videos, Iframes usw. das sieht man alles in den Beispielen

48

Modules / Re: colorbox macht nicht was sie soll

« Last post by xandi on March 16, 2025, 03:26:58 PM »

Bis jetzt funktioniert es noch, hoffentlich noch lange.
Meine  erste "Geschäftsseite" ist doch sehr umfangreich, die andere sind nur ein paar Seiten. Wenn ich die neu machen müsste ....

Bzgl. dem Code.

zur Colorbox
notwendig sind diese Links zur colorbox, der Aufruf beider Dateien muß zwingend nach den Aufruf von jquery erfolgen

Heißt das dass ich den Code in der Index.php des jeweiligen Templates einfügen muss? Oder kommt das wo anders rein?

Und funktioniert der Aufruf dann wie gehabt über die Bildeigenschaften/Link - Klasse Colorbox ?

Ich habe im Code auch was von Slideshow o.ä. gelesen. Sind damit auch noch andere Darstellungen möglich?

49

Modules / Re: colorbox macht nicht was sie soll

« Last post by sternchen8875 on March 16, 2025, 11:49:19 AM »

Ich habe in meinen, auch betrieblichen WB Seiten, die "alte" Colorbox eingebunden. Ich habe Angst was passiert, wenn ich das mal ändern muss.

ich meine, mich zu erinnern, das damals der rel-Tag als HTML-Element abgeschafft werden sollte, weiß aber nicht mehr, ob das colorbox-intern passiert oder ob das von oben, von W3C kam.
Der Code mit der Definition der group1-group4 wandelt dann sowohl bestehende rel-Tags um und funktioniert auch als Schalter für dieses, damals neue, colorbox-Javascript

Inwieweit da andere Scripte noch funktionieren, weiß ich nicht, hab mich nie mit beschäftigt. Es gibt wohl im Addons eine Snippet-Version 1.6 und Luisehahne hatte 2024 noch eine Version 1.9 im Angebot, hab ich aber nie probiert

50

Modules / Re: colorbox macht nicht was sie soll

« Last post by sternchen8875 on March 16, 2025, 11:36:03 AM »

X_X

der typische Chio
Der Code stammt aus dieser Zeile 49 der index.php des fruesteg-Templates und soll die Stelle Zeigen, an der später das Suchen-Icon auftaucht, Hab die X-X entfernt

Code: [Select]

$topmenu = str_replace('</ul>X_X',$topmenu_extra.'</ul>', $topmenu.'X_X' );
zur Colorbox
notwendig ist dieser Link zur colorbox im <head>-Bereich des benutzten Frontend-Templates, der Aufruf muß zwingend nach dem Aufruf von jquery erfolgen

Code: [Select]

<script src="<?php echo TEMPLATE_DIR; ?>/colorbox/jquery.colorbox.js" type="text/javascript"></script>
weiter gehts unten
dieser Code muß vor den schließenden </body>-Tag - das war es dann auch schon

Code: [Select]

<script>
        $(document).ready(function(){
                //Examples of how to assign the Colorbox event to elements
                $(".group1").colorbox({rel:'group1'});
                $(".group2").colorbox({rel:'group2', transition:"fade"});
                $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
                $(".group4").colorbox({rel:'group4', slideshow:true,loop:true,
                                 slideshowSpeed:6000,
                                 slideshowAuto:true,
                                 transition:"elastic",
                                 opacity: "0.7",
                                 maxWidth:"90%",
                                 maxHeight:"90%",
                                 previous:"zur&uuml;ck",
                                 next:"vor",
                                 close:"schlie&szlig;en",
                                 current: "Bild {current} von {total}",
                                 slideshowStart: "Diashow starten",
                                 slideshowStop: "Diashow anhalten"});

        });
</script>
Der Aufruf eines Bildes dann im Quelltext so

Code: [Select]

<a class="group4" href="http://deineURL/media/high-bay-408222_1920.jpg">
<img alt="" class="img-responsive" height="100" src="http://deineURL/media/high-bay-408222_1920.jpg" style="" width="150"></a>

P.S.: Admin-Kommentar: Beispiel-Code geändert, er zeigte vorher ein weiteres Script, das für das Beispiel nicht relevant ist und ggf verwirren könnte.