Author Topic: thumbnails mit max. höhe anzeigen ? - lösung !  (Read 3067 times)

0 Members and 1 Guest are viewing this topic.

Offline bananaboy

  • Jr. Member
  • **
  • Posts: 95
    • View Profile
thumbnails mit max. höhe anzeigen ? - lösung !
« on: April 30, 2010, 01:49:05 AM »
moin ...

ich lasse die thumbnails in einer fest eingestellten category_bit.html  anzeigen ...
das heißt die category_bit.html  ist eine tabelle  mit fester höhenangabe ... zweigeteilt oben 170 ... unten 30 ...
im oberen teil soll das thumbnail angezeigt werden ...
es soll aber max. mit 132 pix. höhe angezeit werden ... auch wenn ein hochkant-bild erscheint .

ist es möglich ein thumb immer mit einer max. höhe anzeigen zu lassen  ... aber proportional richtig ?


danke


---- ####     edit on     ####----

habe es jetzt wie folgt gelöst !



category_bit.html
Quote
<style>
.img {
  max-height: 132px;
  height: expression(this.height > 132 ? "132px" : true);
}
</style>



<div align="center">
   <table border="1" cellspacing="0" style="border-collapse: collapse" height="200" width="244" bordercolor="#555555">
  <tr>
    <td height="170">
   <p align="center">{if random_cat_image_file}<a href="{cat_url}"><img class="img" src="{random_cat_image_file}" border="1"></a>{endif random_cat_image_file}</td>
    </tr>
    <tr>
      <td align="center" height="30" >
   <a href="{cat_url}" class="maincat">{cat_name}</a>&nbsp;({num_images})
      {if cat_is_new}<sup class="new">{lang_new}</sup>{endif cat_is_new}
    </tr>
  </table></div>
{if cat_description}<span class="smalltext">{cat_description}</span><br />{endif cat_description}
{if sub_cats}{sub_cats}{endif sub_cats}



das ganze habe ich aber bisher nur in der category_bit.html zum laufen gebracht ...
in der thumbnail_bit.html  funktioniert das so nicht ...

wenn ich {thumbnail}  so einfasse wird nur müll angezeigt ... bzw. bleibt das thumb groß und es erscheint noch ein bild-platzhalter .

hat jemand 'nen plan wie man das auch für die thumbnail_bit.html gestalten kann ?





---- ####     edit off     ####----




---- ####     edit on 2    ####----

ich habe nun nach langen probieren den gewünschten erfolg .

zuerst einmal habe ich den oben genannten style in den globalen seiten-style gepackt ... also in der style.css
Quote
.img {
  max-height: 132px;
  height: expression(this.height > 132 ? "132px" : true);
}

die max-height: 132px soll eben hier bewirken das die maximale höher der thumbs 132 pixel hoch ist ...
die werte können je nach wunsch angepasst werden .
passen 200 pixel hohe thumbs in die tabelle dann eben max-hight: 200px .


die thumbnail_bit.html habe ich wie folgt ...
Quote
<div align="center">
   <table border="1" cellspacing="0" style="border-collapse: collapse" height="200" width="244" bordercolor="#555555">
  <tr>
    <td height="170">
   <p align="center">{thumbnail}</td>
    </tr>
    <tr>
      <td align="center" height="30" >
<b>{image_name}</b> {if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new}</td>
    </tr>
  </table></div>

also ganz normal mit alleinstehenden {thumbnail}

so funktioniert das ganze aber nicht ... da es in der functions.php definiert ist .

diese habe ich dann wie folgt geändert .

includes/functions.php

suche / search
Quote
$thumb = "<img src=\"".$file_src."\" border=\"".$config['image_border']."\"".$width_height." alt=\"".format_text($image_name, 2)."\" />";

ändern in / replace with
Quote
$thumb = "<img class=\"img\" src=\"".$file_src."\" border=\"".$config['image_border']."\" alt=\"".format_text($image_name, 2)."\" />";

jetzt werden auch die vertikalen bilder so angezeigt das sie nicht die tabelle sprengen .


ich hoffe das kann außer mir noch jemand gebrauchen   8)

---- ####     edit off  2   ####----



gruss
"bananaboy"
« Last Edit: May 02, 2010, 03:07:10 AM by bananaboy »