pimp usergallery plugin vertical images

[Timbalu]

Ah. Danke.

Ich wollte das mit Smarty auch gar nicht abschreiben, ich dachte nur es wäre eventuell viel overhead, da dann auf den imaging Seiten immer aufgerufen. Außerdem müsste man da dann caching und die dazugehörigen Abfragen einbauen. Hast du da schon was im Sinn oder soll das nur als Denkanstoß dienen...?

[garvinhicking]

Hi!

Optimalerweise wird ja nur einmal gecroppt; wenn die gecroppte Version als Datei existiert muss Smarty ja nur den Pfad ausliefern und keine großartigen Aktionen auslösen.... ich kann schon verstehen warum YellowLED sagt, dass das ganz sexy ist für Template-Leute...

Ich dachte halt man erstellt einfach in templates_c/ ein Verzeichnis wie cropped_images/.

Wenn die smarty function dann den parameter {$img.file} reinkriegt sucht es einfach in templates_c/cropped_images/$groesse.{$img.file} - wenn das besteht wird der Pfad direkt durchgereicht, und wenn nicht wird die Datei erstellt und dann der Pfad dazu rausgereicht...?

Grüße,
Garvin

[yellowled]

warum YellowLED sagt, dass das ganz sexy ist für Template-Leute

Für Templates ist das eher wurst, aber relativ viele Benutzer machen halt das, was ich gern “poor man's image gallery” nenne: sie kippen einfach zig links gefloatete Bilder nacheinander in einen Eintrag, ohne zusätzliches Markup zu schreiben. Und das klappt halt nur, so lange die Bilder gleiche Höhe haben (und sieht besser aus, wenn sie noch dazu gleiche Breite haben).

YL

[niffchen]

Weil ich auch gerade mit der usergallery herumspiele und dasselbe Problem hatte, wollte ich für etwaige Interessierte einfach mal meinen Ansatz hier kundtun. Vielleicht hat das Problem nochmal jemand und mein Ansatz hilft weiter.

Ich habe in meinem Fall leider den Code der "plugin_usergallery.tpl" angepasst.
In folgendem Anschnitt habe ich Anpassungen vorgenommen:

Code: Select all

<div class="serendipity_gallery_thumbs" style="width: {$plugin_usergallery_colwidth}%;">
    		{if $image.isimage}
    			{math assign="thumb_hoehe" equation="(hoehe / breite) * $plugin_usergallery_fixed_width" hoehe=$image.dimensions_height breite=$image.dimensions_width}
           		{if $plugin_usergallery_image_display eq 'popup'}
				<!-- popup -->
             	<a href="javascript:popImage('{$image.fullimage}','{$image.name}','{$image.dimensions_width}','{$image.dimensions_height}')"><img class="gallery_thumb" {if $plugin_usergallery_fixed_width !=0}height={$thumb_hoehe}px width={$plugin_usergallery_fixed_width}px{/if} src="{$image.link}" alt="" /></a>
          		{else}
				<!-- show thumb -->
	      		<a href="{$plugin_usergallery_httppath_extend}serendipity[image]={$image.id}"><img class="gallery_thumb" {if $plugin_usergallery_fixed_width !=0}height={$thumb_hoehe}px  width={$plugin_usergallery_fixed_width}px{/if} style="width: 100%;" src="{$image.link}" alt="{$image.alt}" /></a>
           		{/if}
    		{else}
				<!-- download link -->
            	<a href="{$image.fullimage}" target=blank><img class="gallery_thumb" src="{$image.link}" alt="" /></a><br><a href="{$image.fullimage}" target=blank>Download {$image.name}.{$image.extension}</a>
    		{/if}
		    </div>

Dort habe ich die 3. Zeile im obigen Codeblock eingebaut. Die berechnet mit für jedes Vorschaubild die richtige Höhge bezogen auf das Seitenverhältnis des Originals und die gewünschte Breite der Vorschaubilder, wie in der Kondiguration angegeben.
Dann habe ich bei der Ausgabe der Vorschuabilder die Höhenangabe wie oben zu sehen so angepasst:

Code: Select all

height={$thumb_hoehe}px

Damit hat jedes Vorschaubild die Breite wie in der Konfiguration angegeben und seine korrekte Höhe, so dass es wie im Original nur kleiner aussieht.

Vielleicht mag es jemandem helfen.

Gruß,
Jens