[gelöst] Bildergalerie

[qnolinio]

Hallo zusammen

Ich bin auf der Suche nach einer bestimmten Bildergalerie. Ich habe mir die Module "Gallery" und "Sample Gallery" installiert, kriege die gewünschte Darstellung aber leider nicht hin.
Konkret sollte die Galerie so aussehen:

Zeile 1 => 1 bis n Bilder, welche ausgewählt werden können
Zeile 2 => Das aus Zeile 1 gewählte Bild im Grossformat
Zeile 3 => Der Beschrieb/Text zum aus Zeile 1 gewählte Bild

Siehe Bild unten

Kennt Jemand ein solches Modul?
Oder wie muss ich das ganze umsetzen?
Wichtig ist noch, dass man diverse Galerien verwalten kann, nicht nur eine!!!

Danke für Eure Ratschläge
Grüsse
qnolinio

[nockenfell]

Dürfte sich schon mit Gallery umsetzen lassen.

Ich glaube das AE-Gallery Template funktioniert ähnlich. Voraussetzung um genau dein Beispiel umsetzen zu können, ist eine Vorlage welche genau dies macht. Diese kannst du dann auf das Gallery-Template des Gallery-Moduls anpassen, bzw. das Gallery-Modul-Template auf die Vorlage anpassen.

[tbtip]

Wie nockenfell es schon geschrieben hat mit dem AE-Gallery Template geht es.

Schau Weihnachtsbeleuchtung vom Weihnachtshaus Mayen

[qnolinio]

Danke euch beiden für die Antworten!

Ich habe nun mal eine Test-Galerie mit 5 Bildern erstellt.
Aus irgend einem Grund werden nun die Bilder aber einfach untereinander angezeigt und nicht in der gewünschten Galerie.
Ich denke dass da was mit dem JavaScript noch nicht richtig funktioniert, oder bin ich da falsch?

Im Galerie-Template habe ich den Code im Feld "Template-Quelle" von eienr Vorlage hineinkopiert:

Code: Select all

<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h2>{$gallerytitle}</h2>{/if}<br />
...

{$dirs}
<div class="galleryclear"> </div>
</div>

Dann die CSS Definitionen im Feld "Stylesheet-Template":

Code: Select all

.ae-gallery, .ae-gallery * {
  margin: 0px;
  padding: 0;
}
...

Und zum Schluss im Feld "JavaScript-Template" den folgenden Code:

Code: Select all

<__script__ type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></__script>
<__script__ type="text/javascript" src="modules/Gallery/templates/ae-gallery/jquery.ae-gallery.js"></__script>

<__script__ type="text/javascript">
  $(function() {
    var galleries = $('.ae-gallery').aeGallery({
      loader_image: 'modules/Gallery/templates/ae-gallery/loader.gif',
      slideshow: {
        autostart: false,
        speed: 4000,
        start_label: 'Start',
        stop_label: 'Stop',
        stop_on_scroll: false
      }
    });
  });
</__script>

Seht Ihr evtl. weshalb meine Galerie noch nicht funktioniert?
Habe ich noch was nicht installiert das notwendig wäre?

Schon jetzt danke für weitere hilfreiche Antworten!!!

[tbtip]

Hallo qnolinio,

also wenn ich mich richtig erinnere, hättest du erst mal gar nichts an den einzelnen Dateien machen müssen.

Lade das AE-Template dir herunter ( http://dev.cmsmadesimple.org/project/files/726 , ganz nach unten scrollen und Achtung Schreibfehler in der Überschrift "Gallery template: AD-Gallery" )

Nach dem Download, lade diese XML Datei in deine Installation hoch >> z.B. unter dem Bereich "Erweiterungen >> Module"

Wenn das erfolgreich ist, gehe zu Inhalte >> Gallery >> Unterreiter "Templates"

Dort müßte jetzt das Template AE-Gallery angezeigt werden. Dann einfach dies Template als Standard setzen und schon müßten deine Bildergalerien als AE Galerie erscheinen.

[Jos]

Nach dem Download, lade diese XML Datei in deine Installation hoch >> z.B. unter dem Bereich "Erweiterungen >> Module"

Das wird nicht klappen. Du sollst die Datei hochladen im Templates tab im Gallery admin

[tbtip]

Ach ja, richtig so war es, eben zu lange her 

[qnolinio]

ja, so hats geklappt!!!
danke euch ganz herzlich...

da hab ich wiedermal zu sehr versucht, das ganze selber hinzukrigen als einfach mal ne vorlage reinzuladen und zu schauen was passiert. wieso muss ich auch immer den anspruch an mich stellen, dass ich so dinge selber basteln kann... nicht nötig

danke euch auf jeden fall und ich denke mit der AD-Galery krieg ich das ganze wie gewünscht hin. das css stylen wird sicher noch einigen aufwand bedeuten, aber das wird schon...

liebe grüsse an euch alle ihr lieben helfer!

[qnolinio]

und weiter gehts...

nun habe ich 3 verschiedene galerien (es werden dann immer mehr). um diese anzeigen zu können muss ich für jede galerie eine eigene seite erstellen mit dem entsprechenden code, wie z. b.
{Gallery dir='263'}

nun wäre es aber schön, wenn dies mit dem übergeben der variable "dir" funktionieren würde.
das heisst, ich hätte dann eine einstiegsseite mit einer auflistung meiner galerien und beim klicken auf eine dieser galerien wird immer die selbe seite geöffnet, aber jeweils mit der entsprechenden variable, im obigen beispiel: dir='263'

oder gibt es eine andere möglichkeit, die galerien einzurichten, ohne dass ich für jede galerie eine eigene seite erstellen muss?

danke und gruss
qnolinio

[nockenfell]

und weiter gehts...

nun habe ich 3 verschiedene galerien (es werden dann immer mehr). um diese anzeigen zu können muss ich für jede galerie eine eigene seite erstellen mit dem entsprechenden code, wie z. b.
{Gallery dir='263'}

Hast du schon mal {Gallery} probiert? Dies gibt dir die Übersicht über alle Gallerys welche du erstellt hast.

[qnolinio]

ja, da gibts ne übersicht, die hat aber irgend eine struktur (alphabetisch geordnet).
nun habe ich aber 4 kategorien in welche ich meine galerien eingeteilt habe und die jeweils in einer spalte untereinander darstellen möchte.

[AL-d82]

Also ich würde folgendes machen.
In der Gallery
1. 4 Untergeordnete Galerie hinzufügen
2. In den Untergeordneten Galerien die jeweiligen Untergeordnete Galerie hinzufügen
3. Ein neues Template für die Auflistung der Untergeordneten Galerien erstellen
4. In den Untergeordneten Galerien kann man die so sortieren wie man sie braucht.

Beispiel:
Eine deiner 4 Kategorien heißt z.b. Fußball erstelle somit eine Untergeordnete Gal namens Fußball


Klicke auf Fußball und erstelle dort die richtigen Fotoalben

In dieser Ansicht kannst du mit der Maus über das jeweilige Album fahren der Mauszeiger verändert sich zu nem Kreuz und mit gedrückter Maustaste kannst du das ganze sortieren was oben steht wir auch als oben auf deiner HP angezeigt.

Templates erstellen
Gehe auf den Reiter Template in Gallery
drücke auf Neues Template erstellen
und bearbeite das Template nach deinem Wunsch

Code: Select all

<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
{if !empty($gallerytitle)}<h3>{$gallerytitle}</h3>{/if}
{if !empty($gallerycomment)}<div class="gallerycomment">{$gallerycomment}</div>{/if}
<p>{$imagecount}</p>
<div class="pagenavigation">
{if $pages > 1}
<div class="prevpage">{$prevpage}</div>
<div class="nextpage">{$nextpage}</div>
{/if}
{if !$hideparentlink && !empty($parentlink)}<div class="parentlink">{$parentlink}</div>{/if}
{if $pages > 1}<div class="pagelinks">{$pagelinks}</div>{/if}
</div>

{foreach from=$images item=image}
	
	{if $image->isdir}
		<a href="{$image->file}" title="{$image->titlename}">
		{$image->titlename}</a><br />
	{else}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
	{/if}
	</div>
{/foreach}
<div class="galleryclear"> </div>
</div>

Das obere Template wird dann so ausgegeben
http://www.tgo-volleyball.de/testcms/index.php?mact=Gallery,mbd3a6,default,1&mbd3a6dir=%2Ffussball&mbd3a6returnid=172&page=172

Dieses neue Template weißt du nun nur der Untergeordneten Galerie fußball zu.
Die eigentlichen Alben im Unterordner fußball haben natürlich nicht das neue Template zugewiesen sondern Fancybox, Lightbox oder wie in deinem Fall AD-Gallery

Nun fügst du {Gallery dir='fussball'} an die Stelle (Spalt) deiner Seite wo eine dieser Unterkategorien angezeigt werden soll.
ind die 2 Spalte  {Gallery dir='2.Kategorie'}
3 Spalte  {Gallery dir='3.Kategorie'}
4 Spalte  {Gallery dir='4.Kategorie'}

Wenn dich das  0 Bilder und die Grafik um in die Haupt Galerie zu gelangen stören musst das fußball template mehr beschnitten werden z.B.

Code: Select all

<div class="gallery">
{if !empty($module_message)}<h4>{$module_message|escape}</h4>{/if}
</div>

{foreach from=$images item=image}
	
	{if $image->isdir}
		<a href="{$image->file}" title="{$image->titlename}">
		{$image->titlename}</a><br />
	{else}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->titlename}" rel="gallery"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
	{/if}
	</div>
{/foreach}
<div class="galleryclear"> </div>
</div>

Gruß Aldi

[qnolinio]

!!! WELTKLASSSSSSSSEEEEEEE !!!
Das is es!!!

Ich krieg das ganze genau so hin wie ich das gerne hätte. Werde Euch ewig dankbar sein für die raschen und ausführlichen Antworten.

Ihr seid meine Helden des Alltags

[AL-d82]

Kannst ja, wenn du fertig mit der HP bist,  dann deine HP uns im Show Off präsentieren

  Greez AL