Guten Abend.
Ich möchte eine etwas umfangreichere Bildergalerie erstellen und Frage mich ob das Pic-Galerie-Modul dafür geeignet ist oder ob es ein anderes, besseres gibt.
Die Galerie soll dabei Bilder von z.B. Urlaubsreisen zeigen. Es soll also nicht nur eine sondern x verschiedene Galerien gleichzeigit geben.
Von der Aufteilung eigentlich ganz klassich:
1. Seite: Das erste Foto (Tumbnail) jeder Galerie
2. Seite: Alle Fotos (Tumbnail) der ausgewählten Galerie
3. Seite: Das ausgewählte Bild in Großansicht
Geht das mit der Pic-Galerie?
Wie kann ich das sonst umsetzen?
Vielen Dank und Grüße!
Vollansicht: Umfangreiche Bildergalerie. Wie realisieren
Hallo,
geht meines Wissens nur umständlich mit der Pic-Galerie, weil es keine einfache Möglichkeit gibt, dass erste Bild einer Galerie auszulesen und darzustellen. Ich habe meistens die erste Seite mit manueller Eingabe gemacht und auf die Galerien verlinkt, also mit Contentflex ein Bildlinkmodul gebaut, das dann für jede Galerie auf einer Übersichtseite (deine Seite 1) einmal angelegt wird.
Wenn du auf die Seite mit den Thumbnails aller Bilder verzichten kannst und die Galerie mit einer Lightbox darstellen möchtest geht das auch mit Contentflex, haben wir hier schon mal diskutiert. Jede Galerie kriegt ein Vorschaubild, bei Klick auf das Vorschaubild öffnet sich die Lightbox mit der Galerie.
Gruss,
Andreas
geht meines Wissens nur umständlich mit der Pic-Galerie, weil es keine einfache Möglichkeit gibt, dass erste Bild einer Galerie auszulesen und darzustellen. Ich habe meistens die erste Seite mit manueller Eingabe gemacht und auf die Galerien verlinkt, also mit Contentflex ein Bildlinkmodul gebaut, das dann für jede Galerie auf einer Übersichtseite (deine Seite 1) einmal angelegt wird.
Wenn du auf die Seite mit den Thumbnails aller Bilder verzichten kannst und die Galerie mit einer Lightbox darstellen möchtest geht das auch mit Contentflex, haben wir hier schon mal diskutiert. Jede Galerie kriegt ein Vorschaubild, bei Klick auf das Vorschaubild öffnet sich die Lightbox mit der Galerie.
Gruss,
Andreas
Evtl. hilft für die 1. Übersichtsseite auch folgendes Modul:
http://forum.sefrengo.org/index.php?showtopic=628
Hylli
http://forum.sefrengo.org/index.php?showtopic=628
Hylli
evtl. bekommt man das mit einem von den beiden hin:
http://forum.sefrengo.org/index.php?showtopic=1449
http://forum.sefrengo.org/index.php?showtopic=1534
bin mir aber nicht sicher...
http://forum.sefrengo.org/index.php?showtopic=1449
http://forum.sefrengo.org/index.php?showtopic=1534
bin mir aber nicht sicher...
Vielen Dank!
Ich habe mir nun was gebastelt. Ist zwar alles andere als smart aber funkitoniert.
Das Ganze sieht so aus:
1. Seite: Das erste Foto (Tumbnail) jeder Galerie
-> CategoryWalker liest den vom Contentflex auf Seite 2 (bzw. allen Seiten 2) angelegten Text und das Bild aus.
2. Seite: Alle Fotos (Tumbnail) der ausgewählten Galerie
-> Pic-Galerie (für die Bilder auf dieser Seite), Contentflex welches ein Bild und einen Text einbindet. Der Text wird auf dieser Seite ausgegeben (Bild wird im Frontend versteckt), der Text und das Bild werden auf der Seite 1 ausgegeben.
3. Seite: Das ausgewählte Bild in Großansicht
-> lightbox: jQuery-Lightbox habe ich eingebunden (die Detailansicht der Pic-Galerie nutze ich also nicht)
Ich würde mir eine erweiterte Pic-Galerie wünschen, mit der all dies ohne dieses gewurschtel möglich ist...
Meine Anforderungen sind ja nicht besonders speziell.
Beste Grüße!
Ich habe mir nun was gebastelt. Ist zwar alles andere als smart aber funkitoniert.
Das Ganze sieht so aus:
1. Seite: Das erste Foto (Tumbnail) jeder Galerie
-> CategoryWalker liest den vom Contentflex auf Seite 2 (bzw. allen Seiten 2) angelegten Text und das Bild aus.
2. Seite: Alle Fotos (Tumbnail) der ausgewählten Galerie
-> Pic-Galerie (für die Bilder auf dieser Seite), Contentflex welches ein Bild und einen Text einbindet. Der Text wird auf dieser Seite ausgegeben (Bild wird im Frontend versteckt), der Text und das Bild werden auf der Seite 1 ausgegeben.
3. Seite: Das ausgewählte Bild in Großansicht
-> lightbox: jQuery-Lightbox habe ich eingebunden (die Detailansicht der Pic-Galerie nutze ich also nicht)
Ich würde mir eine erweiterte Pic-Galerie wünschen, mit der all dies ohne dieses gewurschtel möglich ist...
Meine Anforderungen sind ja nicht besonders speziell.
Beste Grüße!
Auch ne schöne Lösung. Auf ein verstecktes Bild bin ich noch gar nicht gekommen. Dann kann der Redakteur Vorschaubild, Text und Galerie auf einer Seite eingeben.
Es geht aber noch einfacher: wenn man eh die Lightbox verwendet geht das ganze auch nur mit Contentflex, also ohne das PicGalerie Modul. Spart eine Menge Arbeit und lässt sich auch für Galerien mit nur einem Vorschaubild oder für Fader und Slider verwenden. Hier mal ein Beispiel einer Galerie, die nur mit Contentflex gemacht ist.
Ins Template von Contentflex kommt für die Beschreibung der Galerie eine Textarea, für das erste Bild ein {image:1} und für die restliche Galerie die {filelist}. Könnte z.B. so aussehen:
Template:
Die Textarea und das erste Bild kann man später für die Übersichtseite mit dem Catwalker abgreifen. Die Filelist enthält alle Bilder, die in der Lightboxgalerie angezeigt werden sollen. Dafür muss die Liste im Reiter "Dateiliste" wie folgt formatiert werden:
Methode zur Verzeichnisauswahl: Resource-Browser
Die ausgewählte Datei soll in der Dateilliste mit aufgeführt werden? Nein (damit das erste Bild nicht zweimal angezeigt wird)
Ins Feld Template-Dateieintrag kommt die Formatierung für die einzelnen Bilder:
Template-Dateieintrag
Alle anderen Felder auf der Seite müssen leer sein. Das wars auch schon.
Wenn ich ContentFlex jetzt auf der Seite aufrufe gibt es 2 Auswahlmöglichkeiten:
1. das erste Bild
2. Verzeichnisauswahl
Bei beiden muss das erste Bild der gewünschten Galerie ausgewählt werden.
Die Anzeige der Vorschaubilder wird über css gesteuert. Normal reicht es, wenn man den Bilder ein float:left und ein margin-left und margin-bottom für die Abstände zu den anderen Vorschaubildern mitgibt und die Breite der Galeriebox so festlegt, dass nach der gewünschten Anzahl Vorschaubilder in einer Reihe der Browser automatisch umbricht.
Hier das Resultat Alle anderen Galerien auf meinem Testserver sind übrigens auf ähnliche Art und Weise gemacht.
Gruss,
Andreas
Es geht aber noch einfacher: wenn man eh die Lightbox verwendet geht das ganze auch nur mit Contentflex, also ohne das PicGalerie Modul. Spart eine Menge Arbeit und lässt sich auch für Galerien mit nur einem Vorschaubild oder für Fader und Slider verwenden. Hier mal ein Beispiel einer Galerie, die nur mit Contentflex gemacht ist.
Ins Template von Contentflex kommt für die Beschreibung der Galerie eine Textarea, für das erste Bild ein {image:1} und für die restliche Galerie die {filelist}. Könnte z.B. so aussehen:
Template:
QUELLTEXT
<div id="galeriebox">
<p>{textarea:1}</p>
<ul>
<li><a rel="lightbox[]" href="{imageurl:1}" title="{imagefmtitle:1}" class="float-left">{imagethumb:1}</a></li>
{filelist}
</ul>
</div>
<p>{textarea:1}</p>
<ul>
<li><a rel="lightbox[]" href="{imageurl:1}" title="{imagefmtitle:1}" class="float-left">{imagethumb:1}</a></li>
{filelist}
</ul>
</div>
Die Textarea und das erste Bild kann man später für die Übersichtseite mit dem Catwalker abgreifen. Die Filelist enthält alle Bilder, die in der Lightboxgalerie angezeigt werden sollen. Dafür muss die Liste im Reiter "Dateiliste" wie folgt formatiert werden:
Methode zur Verzeichnisauswahl: Resource-Browser
Die ausgewählte Datei soll in der Dateilliste mit aufgeführt werden? Nein (damit das erste Bild nicht zweimal angezeigt wird)
Ins Feld Template-Dateieintrag kommt die Formatierung für die einzelnen Bilder:
Template-Dateieintrag
QUELLTEXT
<li><a rel="lightbox[]" href="{fileurl}" title="{filefmtitle}" class="float-left"><img src="{imagethumburl}" width="{imagethumbwidth}" height="{imagethumbheight}"></a></li>
Alle anderen Felder auf der Seite müssen leer sein. Das wars auch schon.
Wenn ich ContentFlex jetzt auf der Seite aufrufe gibt es 2 Auswahlmöglichkeiten:
1. das erste Bild
2. Verzeichnisauswahl
Bei beiden muss das erste Bild der gewünschten Galerie ausgewählt werden.
Die Anzeige der Vorschaubilder wird über css gesteuert. Normal reicht es, wenn man den Bilder ein float:left und ein margin-left und margin-bottom für die Abstände zu den anderen Vorschaubildern mitgibt und die Breite der Galeriebox so festlegt, dass nach der gewünschten Anzahl Vorschaubilder in einer Reihe der Browser automatisch umbricht.
Hier das Resultat Alle anderen Galerien auf meinem Testserver sind übrigens auf ähnliche Art und Weise gemacht.
Gruss,
Andreas
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.