Problem

[scrat]

Hallo!!

Hab mal ne dumme Frage: Wie bekomme ich das hin, daß die Anzeige der Thumbnails immer gleich bleibt egal, wie groß das bild ist?.....weil so wies auf dem screen ist, gefällts mir gar nicht. die felder sollen gleich groß sein

Hello
How can I do that, that the frame where the thumbnails are always the same size ... thanks

[mawenzi]

Hallo scrat und willkommen im 4images-Forum ...

... da deine Bilder ja verschiede Formatlagen haben, macht es m.E. nach keinen Sinn das Problem über die Thumbnail-Größe zu lösen ...
... verwende in der thumbnail_bit.html für den Rahmen um das Thumbnail (div oder tab) eine fixe Höhe ... z.B. ... height="150" ...
... die Thumb-Rahmen sind dann immer gleich groß und das Thumbnail wird immer mittig angeordnet ...
... verwende ich eigentlich auch so und sieht m.E. nach top aus ...
...
... es gibt aber darüberhinaus noch die Möglichkeit quadratische Thumbs mit einheitlicher Seitenabmessung zu erzeugen ...
... doch dazu benötigts du eine Modifikation deiner 4images-Installation, die irgendwo in den Weiten dieses Forums zu finden ist ...
... diese Variante ist natürlich nur wesentlich aufwändiger umzusetzen und sieht nicht unbedingt besser aus ...

[scrat]

danke für den tip...kannste mir auch noch verraten, wie der code dazu aussieht und wo ich den genau einfügen muß?

[mawenzi]

... da ich deine Website und auch nicht dein Template kenne, ist es etwas schwierig den Hinweis zu konkretisieren ...
... eigentlich ist nur folgendes umzusetzten ...

... verwende in der thumbnail_bit.html für den Rahmen um das Thumbnail (div oder tab) eine fixe Höhe ... z.B. ... height="150" ...

... wenn du damit nicht weiter kommst, so poste hier kurz den Code deiner /templates/<dein_template>/thumbnail_bit.html ...

[scrat]

so hier ist mal der code meiner thumbnail_bit.html

Code: [Select]

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<div  class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'">
<center>
{thumbnail}
</center>
</div>


<div class="info">
<center>
<p class="cat">{image_name}{if image_is_new}<span class="new">{lang_new}</span>{endif image_is_new}</p>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    {if categories}<td><p class="category"><a href="{cat_url}">{cat_name}</a></p></td>{endif categories}
    {if allow_comments}<td><p class="comment">{image_comments}</p></td>{endif allow_comments}
    <td><p class="user">({user_name_link})</p></td>
  </tr>
</table>

{lightbox_button}
</center>
</div>


[mawenzi]

Code: [Select]

<div height="150" class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'">


[scrat]

Danke für den Code...aber es funktioniert nicht.siehe scrennshot

[honda2000]

Gib mal einen Link auf eine Webeite!

[scrat]

doch funktioniert, man muss nur den div - tag ganz am ende des codes setzen und alles damit schließen

[mawenzi]

... ? ...

[Jan-Lukas]

der wird doch schon geschlossen, siehe deinen geposteten code, hast ihn wohl vorher gelöscht 

und Du solltest ja nur die rote Stelle erneuern

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<div  class="thumb" onmouseover="this.className='thumb2'" onmouseout="this.className='thumb'">
<center>
{thumbnail}
</center>
</div>

Harald