[TUT] Tooltip for Thumbnails

[mawenzi]

... thanks ivan ...

[Omsky]

word "Downloads:" showed earlier, on all languages - on index page.

lines

Code: [Select]

"lang_downloads" => $lang['downloads'],does not in page_header.php


my changed code in page_header.php

Code: [Select]

$site_template->register_vars(array(
  "lang_site_stats" => $lang['site_stats'],
  "lang_category" => $lang['category'],
  "lang_downloads" => $lang['downloads'], <---- it is added
   "lang_rating" => $lang['rating'],              <---- it is added
   "lang_votes" => $lang['votes'],               <---- it is added
  "lang_registered_user" => $lang['registered_user'],
  "lang_random_image" => $lang['random_image'],
  "lang_categories" => $lang['categories'],
  "lang_sub_categories" => $lang['sub_categories'],
  "lang_new_images" => $lang['new_images'],
  "lang_top_images" => $lang['top_images'],
  "lang_search" => $lang['search'],
  "lang_advanced_search" => $lang['advanced_search'],
  "lang_lightbox" => $lang['lightbox'],
  "lang_register" => $lang['register'],
  "lang_control_panel" => $lang['control_panel'],
  "lang_login" => $lang['login'],
  "lang_auto_login" => $lang['lang_auto_login'],
  "lang_logout" => $lang['logout'],
  "lang_lost_password" => $lang['lost_password'],
  "lang_user_name" => $lang['user_name'],
  "lang_password" => $lang['password'],
  "lang_go" => $lang['go'],
  "lang_images_per_page" => $lang['images_per_page'],
  "charset" => $lang['charset'],
  "direction" => $lang['direction']
));



not work

[Omsky]

ohh... i sleep 

i change...
new code
in thumbnail_bit.html

Code: [Select]

<table width="1%" border="0" cellspacing="0" cellpadding="0" onmouseover="Tip('{image_name}<br><b>{lang_category}</b> {cat_name}<br> <b>{lang_file_size}</b> {image_file_size}<br> <b>{lang_hits}</b> {image_hits}<br><b>{lang_downloads}</b> {image_downloads}<br><b>{lang_votes}</b> {image_votes} <br> <b>{lang_rating}</b> {image_rating} <br> <b>{lang_comments}</b> {image_comments}')" onmouseout="UnTip()">
and add in page_header.php line

Code: [Select]

  "lang_file_size" => $lang['file_size'],
 "lang_hits" => $lang['hits'],

big thank you all

[Omsky]

small bugs http://www.4homepages.de/forum/index.php?topic=18761.msg122116#msg122116

if there is a ' symbol in the picture's file names then IE determines an error and [TUT] Tooltip for Thumbnails stops working fot those pages.

how to fix this from happenings with '?

[mawenzi]

@Omsky

... have a look at V@no's statement "Your site's name has an ' (apostrophe), its messes up the javascript" ...
... here : http://www.4homepages.de/forum/index.php?topic=22406.msg122263#msg122263 ...
... it is the same for ... picture's file names ...

[sigma.]

love this. thanks for sharing!
I have one bug though.

It looks like any type of special character other than text (',",url,html,! and even spaces) cause the tooltip to not display, and sometimes mess up the thumbnail alignment in 4images.

Anyone know how to enable special characters in the tooltip?

[V@no]

Its not "special characters" that messing up on your site, but the new lines image descriptions.
use this instead:

Code: [Select]

onmouseover="Tip('<?=str_replace("'", "\\'", str_replace("\r", "", str_replace("\n", "\\n", "<b>{image_name}</b><br />{lang_description} {image_description}<br />__________<br />{lang_comments} {image_comments}")));?>')"

[sigma.]

So should my thumbnail_bit.html look like this then?

Code: [Select]

<!-- you wish detail page in a small javascript open window, use {thumbnail_openwindow} -->
<table width="" border="0" cellspacing="0" cellpadding="" onmouseover="Tip('<?=str_replace("'", "\\'", str_replace("\r", "", str_replace("\n", "\\n", "<b>{image_name}</b><br />{lang_description} {image_description}<br />__________<br />{lang_comments} {image_comments}")));?>')" onmouseout="UnTip()">
  <tr>
    <td>{thumbnail}</td>
  </tr>
</table>
<font color="#FF0000">| </font> <b>{image_name}</b>
<br />
| <a href="{cat_url}">{cat_name}</a><br />
It works if I remove this:

Code: [Select]

onmouseout="UnTip()">
but then the tooltip doesnt go away. Where should I position the onmouseout call?

[sigma.]

oh wait. i got it.

Code: [Select]

onmouseover="Tip('<?=str_replace("'", "\\'", str_replace("\r", "", str_replace("\n", "\\n", "<b>{image_name}</b><br />{lang_description} {image_description}<br />__________<br />{lang_comments} {image_comments}")));?>', BALLOON, true)"onmouseout="UnTip()">
thanks V.

now please.. what exactly did you do to get this to work? what does str_replace function do? string replace?

[V@no]

It creates javascript friendly string - escapes newlines and apostrophes

[sigma.]

good to know. thanks again!

is there any way to make a word in "quotes" javascript friendly? I tried """, but that had a nasty effect.

[Boemmel]

wie bekomme ich den Mod zum Laufen ? bei mir tut sich nichts.

muß ich irrgendwas aktivieren, ich bin ratlos.
 

hat sich erledigt!

[AKIN]

very nice.
it's work.thanks all..

[vitara]

Sehr guter Mod, Danke

Nun möchte ich aber hier eine kleine Bildvorschau zeigen.
Ich schaffe das nicht ein das Bild in der grösse von 200px  einzufügen ohne kommentare und informationen, kannst Du mir weiterhelfen mit einem script?

Danke schon mal vorab.....

[vitara]

Hi ivan

Das ginng aber flott, besten Dank das nenn ich Hilfe.....

Der Moid läuft jetzt wunderbar bei mir auf localhost nur zeigt er mit die gnze grösse des Bildes an, ich möcht aber nur 200 pixel, wie oder wo kann ich das nun einstellen?

Grossen Dank für deine Unterstützung

Vitara