Page 1 of 1

Gallery nur Anzeigefunktionalität verwenden

Posted: Sun Mar 20, 2011 8:55 am
by stefanoni
Hallo
Ich möchte gerne ein einzelnes Bild als kleine Voransicht in meine Seite einfügen. Wenn man auf dieses klickt, soll es so angezeigt werden wie im Gallery-Modul.

Mein bisheriger Lösungsansatz ist, das Gallery-Modul mit jeweils nur einem einzigen Bild zu verwenden.

Mein Problem ist, dass ein horizontales DIV über die ganze Seitenbreite erzeugt wird (eben eine Gallery anstelle eines Kästchens) und ich somit nicht rechts dieses Thumbnails einen Text einfügen kann.

Meine Versuche, die Gallery auf die Grösse einer einzigen Voransicht zu reduzieren sind bisher gescheitert.

Frage: Muss ich einen anderen Lösungsansatz verwenden anstelle Gallery, oder kann ich das übergeordnete DIV "gallery" in der Weite und Höhe auf die Grösse des Thumbnails einschränken ?

Vielen Dank für jeden Tip

Re: Gallery nur Anzeigefunktionalität verwenden

Posted: Sun Mar 20, 2011 2:19 pm
by mike-r
Du suchst wahrscheinlich nur eine ordinäre Lightbox. Dazu musst Du mal bei den Modulen schauen.

Mittels Gallery kannst du das natürlich auch lösen (früher oder später braucht man die eh wahrscheinlich irgendwo).
Wenn Dir die Box nicht zusagt, dann kannst du im gallery-modul im entsprechenden Template das CSS anpassen (oder eine andere Lightbox zuweisen).

Re: Gallery nur Anzeigefunktionalität verwenden

Posted: Sun Mar 20, 2011 8:33 pm
by stefanoni
Danke für den Hinweis. Ich habe bereits versucht die Galery anzupassen, aber für das oberste (Gallery umschliessende) DIV "gallery" gibt es im css keine Angaben zu Weite und Höhe, zumindest habe ich das nicht gefunden.

Gruss

gelöst: Gallery nur Anzeigefunktionalität verwenden

Posted: Mon Mar 21, 2011 11:04 am
by stefanoni
Habe es rausgefunden, klappt bestens. Einfach alle Div. entfernen. Sieht letztlich so aus:

Code: Select all

{foreach from=$images item=image}

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

{/foreach}
Gruss an alle