Oben sehen Sie die Lightbox. Die Lightbox ist im Kern ein PHP-Script. Die Javascript-Datei, die Sie im Quelltext sehen, liest lediglich die Parameter aus einem HTML-Attribut und lädt das komplette HTML per HTTP-Request ("ajax"). Die Bilder haben verschiedene Höhe-Breite-Verhältnisse, sind aber dennoch alle in Reihen gleicher Höhe angeordnet, wobei die Breite aller Reihen exakt gleich ist. Vor etwa 6 Jahren gab es eine Mode, mit CSS flex Lightboxes mit vertikalen Linien und verschiedenen Bildhöhen zu gestalten. Vgl. https://www.w3schools.com/howto/howto_css_image_grid_responsive.asp. Ich finde die Darstellung mit horizontalen Reihen erheblich übersichtlicher, und glaube daß diese Darstellungsform relevant bleiben wird. Denken Sie z.B. an Ärzte, die Röntgenaufnahmen sichten, oder an Fotografen, die aus den Bildern eines Shootings das beste Bild heraussuchen möchten. Dieser Aspekt wird in der fullscreen-Darstellung besonders deutlich. Wenn man auf ein Bild der Lightbox klickt, vergrößert es sich auf 100% der zur Verfügung stehenden Breite. Erneutes Klicken ordnet das Bild wieder an seinen Platz. Wie erzeugt man mit CMSGO eine solche Lightbox? Antwort: mit einer einzigen Zeile HTML:

Ja, das wars. Das Attribut data-tania enthält 3 Parameter: dir gibt das Bildverzeichnis an, columns bestimmt die maximale Anzahl Bilder in einer Reihe, margin bestimmt den Abstand zwischen den Bildern in Pixeln.

Womöglich möchten Sie die Lightbox für einen Webauftritt verändern, verschönern, verbessern. Dann können Sie das tun, denn als CMSGO-Nutzer haben Sie den kompletten Code auf Ihrem Server. Also auch die 140 Zeilen Javascript und 120 Zeilen PHP des CMSGO-Moduls Lightbox. CMSGO ist dabei so gemacht, dass Sie Ihre Version des Moduls erstellen und betreiben können, ohne dass Sie System-Version dabei ändern müssen. Sie sind dann "Developer", Software-Entwickler.

Zum zweiten CMSGO-Modul, der Slideshow. Obwohl das Modul komplexer ist als Lightbox, wird auch eine Slideshow mittels einer einzigen Zeile HTML in einer Webseite erzeugt:

Mit CMSGO können Sie diese Tags sogar einfach per CMS in den Text-Content einer Seite eingeben. Das ist effizient. Die Slideshow ist im Kern ein Javascript-Modul. Javascript steuert alle Funktionen: Automatik, FWD/RWD, Klick auf einen Dot, Stop/Run der Automatik (mouseover/mouseout), Bildtext, fullsize. Lediglich das Schreiben des HTML geschieht in PHP auf HTTP-Request hin. Sehen Sie sich diese Demos an, und betrachten Sie auch die Quelltexte:

• Demo I. zu CSS Effekten: http://www.cmsgo.net/demo/w3slideshow-effects.html Die Effekte werden ausschließlich über CSS bestimmt. Für die technischen schwierigeren Effekte wie slide und curtain gibt es CSS-Vorlagen seitens CMSGO. Ansonsten sind alle im Internet findbaren Transition- und Animation CSS-Effekte anwendbar, indem sie in die CSS-Datei gesetzt werden.
• Demo II. zur Bildformatierung: http://www.cmsgo.net/demo/w3slideshow-sizing.html Die Sizing-Fähigkeit des Moduls wird mit jedem Bild fertig, welches Sie oder Ihr Kunde aufladen: sizing:'cover' sorgt dafür, dass die Slideshow auch bei Bildern verschiedener Breite-Höhe-Verhältnisse in das vorgesehene Layout passt. sizing:'contain' bewirkt, dass die Bilder vollständig ohne Beschnitt dargestellt werden. sizing:'full' zeigt jedes Bild ganz groß, auch wenn dafür gescrollt werden muss. Ein Verhältnis-Wert wie z.B. '.59' arbeitet wie 'cover', nur dass das Seitenverhältnis eben dieses Wertes erzwungen wird.
• Demo III. mit CMS: http://www.cmsgo.net/demo/w3slideshow-cms.html Klicken Sie auf eine Bildunterschrift, um den Text zu editieren. Klicken außerhalb der Textarea sichert Ihren Text.
• Demo IV. zum Loading: http://www.cmsgo.net/demo/w3slideshow-loading.html Beachten Sie, dass die Slideshows sogleich in der korrekten Höhe dargestellt werden, noch vor dem Laden der Bilder. Öffnen Sie den Inspektor und wählen Sie "Netzwerkanalyse" um zu beobachten, wie die CMSGO-Slideshow hier die 50+ MB Bilder mehrerer Slideshows lädt.

Beide Module, Lightbox und Slideshow, erlauben beliebig viele Instanzen auf der gleichen Seite. Beide Module benennen die Instanzen selbstständig, so daß das lästige "let myShow1 = new Slideshow{}" entfällt. - Soweit die Show. Lightbox und Slideshow sind nicht das Herz von CMSGO, aber typisch für das Konzept, oder vielleicht sogar die "Philosophie", von CMSGO.

1. Multi-Account-System.

Sie können mit einer Installation von CMSGO eine unbegrenzte Anzahl an Webauftritten betreiben.

2. CMSGO kennt keine Updates.

Mit Versioning folgt CMSGO dem Prinzip "never change a running system".

3. Grundverschiedene Layouts innerhalb eines Webauftritts sind einfach.

In WP-Sprache gesprochen: CMSGO erlaubt sozusagen beliebig viele "Themes" innerhalb eines Webauftrittes.

4. Das CMS macht Kunden glücklich.

Für einfache Kunden-Gewinnung und stabile Kundenbindung.

5. CMSGO Shop-System.

Mit einer Historie von rund 100 Mio. Umsatz in 24 Jahren.

6. Leicht erstellbare Fremdsprachversionen.

Architektur für das geordnete Hinzufügen von beliebigen Fremdsprachenversionen.

7. CMSGO-Module, -Funktionen und -Templates

Kategorienbaum zum Strukturieren, schneller dbadmin für mariaDB, Javascript-Module für eingschlägige Aufgaben, Funktionen wie z.B. zum Abbilden von csv-Tabellen ...

Sie können mit CMSGO die Webseite für den Friseur um die Ecke machen oder das Online-Portal für eine Vertriebskette mit 26 Produktsortimenten und in 6 Sprachversionen.

Willkommen im CMSGO-Club. Als Mitglied erhalten Sie:

• Den gesamten CMSGO-Code
• Zugang zur Online-Dokumentation von CMSGO
• Eine Vorlage-Website als Blaupause
• Support von mir persönlich

Verwenden Sie das Kontaktformular oder schreiben Sie per Email an mailto:club@cmsgo.net. Ich freue mich über Ihre Zuschrift. Stellen Sie gerne Fragen. Erzählen Sie gern, was Sie als Webmaster so machen. Ich bedanke mich für Ihre Aufmerksamkeit - Sebastian Heimpel M.A., Webmaster