Quadratische Thumbnails?

[dosensteck]

Wie kann man es anstellen das Thumbnails alle Quadratisch sind, allerdings ohne Verzerrung, sondern das der überschüssige Bereich einfach wegfällt? Also das der grösstmögliche Bereich gewählt wird?

Hae schon ein wenig gegoogelt, allerdings nichts Interessantes gefunden - vielleicht hat ja jemand einen Tipp?

[IcEcReaM]

nur zur anzeige,
oder sollen die thumbs auch schon so erstellt werden?

[insane]

Hallo,

tut mir Leid für das Ausgraben. Allerdings ist es doch besser als noch ein Thema zu erstellen, oder?
mir habe ich gerade die selbe Frage gestellt. Ich habe im Moment Bilder ohne Thumbnails. Ich möchte im Control Panel Auto-Thumbnails erstellen können, die an allen Seiten gleich lang sind (sprich quadratisch) - abgeschnitten können sie gerne sein - aber nicht verzehrt.

Gibt's da eine Möglichkeit? 1.7.4

[honda2000]

ergibt sich das nicht, wenn man im CP die Bilder (Thumbnails) per Auto-Image-Resizer verkleinert und nicht proportional einstellt und die Maße eben 150x150 angibt?!

Proportional würde bedeuten, es wird NICHT verzerrt, allerdings auch nicht QUATRATISCH

käme also auf einen Versuch an

[insane]

ergibt sich das nicht, wenn man im CP die Bilder (Thumbnails) per Auto-Image-Resizer verkleinert und nicht proportional einstellt und die Maße eben 150x150 angibt?!

Proportional würde bedeuten, es wird NICHT verzerrt, allerdings auch nicht QUATRATISCH

käme also auf einen Versuch an

Meines Wissens nach kann man eben nicht 2 Maße angeben. Lediglich die Größe der Höhe oder Breite. Wenn ich "mit fester Breite/Höhe" wähle und bei "Größe der längsten Seite des erstellten Thumbnails in Pixel" 100 angebe, sind entweder bei den hochformatigen oder querformatigen (je nachdem) weniger Pixel.

[honda2000]

ja, stimmt leider
hm, weis auch nicht weiter...

[KurtW]

Hallo,

ein kleiner Tip:

Quadratische Tabelle erstellen...
Zellenhintergrund: Thumbnailbild...
fertig!!  

Die festgelegte Breite der thumbs (im CP) solte dabei die Seitenlänge des Quadrats sein.
per css könnte dann auch noch das Bild in der Tabelle zentrieren, so daß die Seiten des Bildes gleich beschnitten werden.

Code: [Select]

    <td valign="middle" align="center" style="background-image: url(data/thumbnails/{cat_id}/{thumbnail_file_name}); background-repeat: no-repeat; background-position: center center;">
    <a href="details.php?image_id={image_id}" target="_self">
    <img src="{template_url}/images/spacer.gif" width="80" height="80" alt="{image_name}" border="0" /></a>
</td>

Gruß
Kurt

[honda2000]

klingt gut @KurtW, wie kann man dann große Bilder per Auto-Image-Resizer verkleinern, besser gefragt: was stellt man dann im Auto-Image-Resizer ein??
proportional ist quatsch, wie macht man die Seitenlängen??
Mit fester Breite verkleinern
 Mit fester Höhe verkleinern
???

[KurtW]

Hallo,

bei meinen Galerien brauch ich auch ne feste Breite, um mein Style nicht zu zerstören.
Also hab ich die Breite der thumbs im CP festgelegt.

Gruß
Kurt

[insane]

Ich fürchte ich hab nicht das nötige Wissen, um das hinzukriegen.
Alles im Control Pannel kann ich das nicht einstellen, oder?

[KurtW]

###################### EDIT #######################

klappt auch im CP mit dem Ändern des codes


thumbnail_bit.html

Standart style?


Kurt

[insane]

Nein, ich benutze das 4grey2 Template.
So sieht bisher meine Thumbnail_bit.html aus:

Code: [Select]

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
{thumbnail}<br />
<b>{image_name}</b> {if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new} ({user_name_link})
<br />
<a href="{cat_url}">{cat_name}</a><br />
{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}<br />
{lightbox_button}

[KurtW]

Hallo,

ersetze den mal mit folgendem code:

Code: [Select]

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<div align="center"><center>
<table border="0"  cellspacing="0" cellpadding="0">
  <tr>
    <td valign="middle" align="center" style="background-image: url(data/thumbnails/{cat_id}/{thumbnail_file_name}); background-repeat: no-repeat; background-position: center center;">
    <a href="details.php?image_id={image_id}" target="_self">
    <img src="{template_url}/images/spacer.gif" width="80" height="80" alt="{image_name}" border="0" /></a>
</td>
  </tr>
</table>
</center></div>
<br />
<b>{image_name}</b> {if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new} ({user_name_link})
<br />
<a href="{cat_url}">{cat_name}</a><br />
{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}<br />
{lightbox_button}

- 80 entspricht dabei die Seitenlänge des Quadrats...
- target="_self" öffnet die Detailansicht im gleichen Fenster...


Gruß
Kurt

[insane]

Wunderbar! Funktioniert einwandfrei. Habe nur noch die Zentrierung innerhalb der Tabellenspalte entfernt.
Schaut fein aus, wie ich es haben wollte Ich danke dir vielmals!!

Gruß,
patrick

[hoho]

when i look this in firefos it is smaller then i IE.Why