Bildergalerie mit Downloadfunktion

[carnaunzincat]

Hallo und Guten Abend,

ich bin gerade dabei, eine Bildergalrie mit Downloadfunktion aufzubauen.
Beim Klick auf den Button soll das Abfragefenster "datei downloaden oder öffnen mit..." aufplöppen.

Verwendet wird der CP "Bilder <div>", weil der CP "Dateiliste" keine Vorschaufunktion für die Bilder hat (Lightbox).
(Es erschien mir einfacher, der Galerie den Download zu verpassen, als der Dateiliste die Vorschaufunktion.)

Nun habe ich eine tmpl-Datei in /template/inc_cntpart/images/ wie folgt erstellt und werwende diese in der Galerie als Vorlage:

Code: Select all

<!--IMAGES_HEADER_START//-->

[TITLE]<h1>{TITLE}</h1>[/TITLE]
[SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]

<div class="images" id="images{ID}">
<!--IMAGES_HEADER_END//-->


<!--IMAGES_ENTRY_START//-->
	<div class="imageEntry" style="float:left; padding:5px; border:1px solid #CCCCCC; margin:5px 5px 0 0;">
		<div style="height:114px; width:153px; background: #eee; ">{IMAGE}</div>
		[CAPTION]
		<p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION]

	<div style=" padding:5px 0 0 0; ">
		<a href="download.php?f={IMAGE_HASH}&target=0" target="_blank"><img alt="" src="picture/upload/images/download.gif" border="0" /></a>
		</div>
	</div>


<!--IMAGES_ENTRY_END//-->

<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images "{SPACE}px" --><!--IMAGES_ENTRY_SPACER_END//-->


<!--IMAGES_ROW_SPACER_START//--><br style="clear:both" /><!-- space between image rows --><!--IMAGES_ROW_SPACER_END//-->


<!--IMAGES_FOOTER_START//-->
	<br style="clear:both" />
</div>
<!--IMAGES_FOOTER_END//-->

(download.gif ist ein grafischer Button)
Soweit funktioniert das Ganze und ist hoffentlich nicht zu verquer.
Was ich nun nicht wirklich hinbekomme ist die Anzeige von Dateityp, - grösse, -datum und Anzahl der Downloads.
Also den Äquivalenten zu {FILE_EXT}, {FILE_SIZE}, {FILE_DATE}, {FILE_DOWNLOADS} aus dem CP "Dateiliste".
Gibt es diese oder gibt es eine Lösung diese anzuzeigen?

Beste Grüsse,
carnaunzincat

[Oliver Georgi]

Nein gibt es nicht direkt.

Was funktionieren müsste, ist das Koppeln an den Dateidownload. Dafür muss aber die Default Download Vorlage template/inc_default/filelist.tmpl entsprechend angepaßt werden, da nur die genutzt wird.

Code: Select all

[download={IMAGE_ID}/]

oder

Code: Select all

[download={IMAGE_ID}]Download[/download]

Ansonsten muss extra programmiert werden, zum Beispiel analog:
http://www.modell-bauhaus.de/index.php? ... agegallery

[carnaunzincat]

Super! Danke! Es hat geklappt!

Meine tmpl-Datei in /template/inc_cntpart/images/ für den CP "Bilder <div>" sieht nun so aus:

Code: Select all

<!--IMAGES_HEADER_START//-->

[TITLE]<h1>{TITLE}</h1>[/TITLE]
[SUBTITLE]<h2>{SUBTITLE}</h2>[/SUBTITLE]
[TEXT]{TEXT}[/TEXT]

<div class="images" id="images{ID}">
<!--IMAGES_HEADER_END//-->

<!--IMAGES_ENTRY_START//-->
	<div class="imageEntry" style="float:left; padding:5px; border:1px solid #CCCCCC; margin:5px 5px 0 0;">
		<div style="height:114px; width:153px; background: #eee; ">{IMAGE}</div>
		[CAPTION]
		<p style="margin:3px 0 0 0;">{CAPTION}</p>[/CAPTION]

	<div style=" padding:5px 0 0 0; ">
		<a href="download.php?f={IMAGE_HASH}&target=0" target="_blank"><img alt="" src="picture/upload/images/download.gif" border="0" /></a>
		<br/>
<div style="padding-top: 5px; font-size: 10px;">
[download={IMAGE_ID}/]
</div>
</div>
	</div>

<!--IMAGES_ENTRY_END//-->

<!--IMAGES_ENTRY_SPACER_START//--><!-- space between images "{SPACE}px" --><!--IMAGES_ENTRY_SPACER_END//-->

<!--IMAGES_ROW_SPACER_START//--><br style="clear:both" /><!-- space between image rows --><!--IMAGES_ROW_SPACER_END//-->

<!--IMAGES_FOOTER_START//-->
	<br style="clear:both" />
</div>
<!--IMAGES_FOOTER_END//-->

Zusätzlich habe ich die Datei "template/inc_default/filelist.tmpl" wie folgt angepasst (das Original habe ich vorher auskommentiert)

Code: Select all

<!--FILE_SETTINGS_START//-->
; this is formatted like WIN.INI
; please: do not use comments for value lines
icon_path 			= "img/icons/"
icon_name 			= "small_icon_{FILE_EXT}.gif"
thumbnail			= 1
thumbnail_width		= 50
thumbnail_height	= 50
thumbnail_crop		= 1
file_size_round		= 1
file_size_space		= " "
date_format			= "%d.%m.%y"
set_locale			= "de_DE@Euro"
<!--FILE_SETTINGS_END//-->
<!--FILE_ENTRY_START//-->
		Dateityp: {FILE_EXT}<br/>
		Gr&ouml;sse: {FILE_SIZE}<br/>
		Eingestellt: {FILE_DATE}<br/>
		Downloads: {FILE_DOWNLOADS}
<!--FILE_ENTRY_END//-->

Und schon muss man sich nicht mehr mit mime-types und co rum ärgern! Spannend und garnicht so schwer (wenn man weiss wie), was mit dem CMS so alles geht...

Beste Grüsse

[santscho]

Hast Du schon mal meinen Dropdown-Downloader für phpwcms angeguckt? Vielleicht wär das was

http://www.yaml.phpwcms.org/cp-dateiliste.phtml

Santscho