Thumbnails bit (Pin Images)

[Sunny C.]

Wie bewerkstelliege ich dies?

Code: [Select]

<div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;">
das ist der aktuelle Code der media/jpg.html durch die Pinimages Mod.

Ich benutze folgenden Tooltip!

Das wäre z.B ein Link:

Code: [Select]

<a href="#" onmouseover="toolTip('TEST');" onmouseout="toolTip();" target="_blank" border="0">u.v.m</a>
Das ist der Restcode der eingetragen werden muss:.

Code: [Select]

<!--
<div id="toolTipLayer" style="position: absolute; visibility: visible; display: none; left: 228px; top: 54px; width: 163px; height: 50px">
  <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="1" width="160">
    <tbody>
      <tr>
        <td><table bgcolor="#ffffcc" border="0" cellpadding="5" cellspacing="0" height="100" width="160">
            <tbody>
              <tr>
                <td align="left">&nbsp;</td>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
</div>
//-->
<b><font face="Arial, Verdana, Helvetica, sans-serif" size="1">
<script language="JavaScript" type="text/javascript">
<!--
initToolTips();
//-->
</script>
Das klappt auch! Aber das wollte ich halt bei den Thumbnails folgendermaßen:

media/jpg.html code:

Code: [Select]

<div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;">
Habe ich versucht so zu verlinken:

Code: [Select]

<a href="{media_src}" target="_blank" onmouseover="toolTip('TEST TEXT');" onmouseout="toolTip();" border="0"><div id="container" style="position:static; width:{width}px; height:{height}px; border:0px; background: url({media_src}) top left no-repeat; text-align:left;"></a>
Das klappt aber garnicht dann wird das Bild nicht mehr angezeigt.
Ich wollte folgende Informationen im Tooltip haben: (Da wo TEST TEST) steht

Code: [Select]

{if image_is_new}<img src="{template_url}/images/{lang_new}.gif" />{endif image_is_new}<br />
{thumbnail}<br />
<b>{image_name}</b><br />
Von: {user_name_link}<br />
Kategorie: <a href="{cat_url}">{cat_name}</a><br />
{if allow_comments}{lang_comments} {image_comments}{endif allow_comments}<br />
Den Endcode des Tooltips:

Code: [Select]

<!--
<div id="toolTipLayer" style="position: absolute; visibility: visible; display: none; left: 228px; top: 54px; width: 163px; height: 50px">
  <table bgcolor="#000000" border="0" cellpadding="0" cellspacing="1" width="160">
    <tbody>
      <tr>
        <td><table bgcolor="#ffffcc" border="0" cellpadding="5" cellspacing="0" height="100" width="160">
            <tbody>
              <tr>
                <td align="left">&nbsp;</td>
              </tr>
            </tbody>
          </table></td>
      </tr>
    </tbody>
  </table>
</div>
//-->
<b><font face="Arial, Verdana, Helvetica, sans-serif" size="1">
<script language="JavaScript" type="text/javascript">
<!--
initToolTips();
//-->
</script>
habe ich in die Thumbnails_bit.html gepackt. Kann mir einer Helfen wie ich das bewerkstelligen kann?