So, nun habe ich eine "eigene" Lösung entwickelt, die durchaus funktional ist, aber sicher noch nicht optimal... . Daher ist diese Lösung natürlich zur Weiterentwicklung freigegeben. Funktionieren tut sie aber schon mal
Zunächst ist folgendes: Wer sein Artikelsystem ein wenig aufhübschen möchte, der bedient sich häufig der sog. Lightbox. Diese Darstellungsfunktion kann einfach bei Sefrengo lauffähig gemacht werden.
Schritt 1:Lightbox-Ordner unten downloaded (Quelle:
http://www.lokeshdhakar.com/projects/lightbox2/?u=9).
Darin enthalten sind alle nötigen Dateien, um die Lightbox lauffähig zu machen.
Ordner entpacken anschließend auf den Server verschieben in den Ordner: projekt01/cms/layout
Schritt 2:Einbinden der Lightbox in das Layout. Folgende Codezeile in den <head> </head> einbinden:
QUELLTEXT
<!-- Start Lightbox -->
<script src="cms/layout/lightbox/js/jquery-1.11.0.min.js"></script>
<script src="cms/layout/lightbox/js/lightbox.min.js"></script>
<link href="cms/layout/lightbox/css/lightbox.css" rel="stylesheet" />
<!-- Ende Lightbox -->
Schritt 3:Im Modul "Artikelsystem" auf den Reiter "Ausgabe-Template" wechsel. Dort zur Detailansicht gehen und die Bildlinks wie folgt anpassen:
QUELLTEXT
<a href="{imageurl:2}" data-lightbox="media/img"><img src="{imageurl:2}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>
Durch die Angabe "
data-lightbox="media/img" erreicht ihr, dass beim Klick auf das Bild nicht nur das einzelne Bild vergrößert eingeblendet wird, sondern alle in der Detailansicht der jeweiligen Seite verfügbaren Bilder (also von euch im Artikel-Backend eingestellten Bilder zum entsprechenden Artikel) zur Lightboxdarstellung herangezogen werden und somit eine Art Galeriefunktion entsteht. Nur dadurch wird erreicht, dass sich die Bilder in der Lightbox weiter und zurück klicken lassen.
Andernfalls erscheint nur das jeweilig angeklickte Bild ohne Next bzw. Prew Button!
Schritt 4:Der Code der Detailansicht kann um beliebig viele Bilder erweitert werden. Ich habe dies beispielsweise so gelöst:
Zunächst abfragen, ob überhaupt mehr als 4 Bilder im Artikel-Backend eingestellt wurden, um die Textzeile "weitere Bilder" auszugeben.
QUELLTEXT
<td class="article_text_red_bold">
{if_image:5}WEITERE BILDER:{/if_image:5}</td>
Danach die Bildliste um beliebig viele Bilder erweitern:
QUELLTEXT
{if_image:5}<a href="{imageurl:5}" data-lightbox="media/img"><img src="{imageurl:5}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}
{if_image:6}<a href="{imageurl:6}" data-lightbox="media/img"><img src="{imageurl:6}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}
{if_image:7}<a href="{imageurl:7}" data-lightbox="media/img"><img src="{imageurl:7}" border="0" alt="{producer} - {title}" width="190" height="auto"></a>{/if_image:5}
Natürlich muss man die Bilder in eine ansprechende Darstellungsweise einbetten und kann, wenn man will, dem Bild auch eine css-klasse zuweisen...:
QUELLTEXT
...<img class="bild_links" src="{imageurl:5}" ...
Über die css-klasse könnt ihr Rahmen, Padding, ....erstellen.
Hoffe es hilft weiter!