• [TUT] Tooltip for Thumbnails 4 0 5 1
Currently:  

Author Topic: [TUT] Tooltip for Thumbnails  (Read 121105 times)

0 Members and 1 Guest are viewing this topic.

Offline Omsky

  • Newbie
  • *
  • Posts: 42
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #15 on: July 30, 2008, 06:22:10 PM »
ok, thank you, I do not know what add   :)

6 languages on my new gallery, look this mod on http://sexy-girls-photo.com

look please my files:
categories.php
page_header.php
thumbnail_bit.html


show example for one language plz

Offline ivan

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 2.279
    • View Profile
    • Bilder Gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #16 on: July 30, 2008, 06:30:07 PM »
go to page_header.php

search
Code: [Select]
$site_template->register_vars(array(
  "lang_site_stats" => $lang['site_stats'],

and below (example)
Code: [Select]
"lang_category" => $lang['category'],
"lang_downloads" => $lang['downloads'],
"lang_rating" => $lang['rating'],
"lang_votes" => $lang['votes'],

the can use the {lang_category}
the "lang" tags is in page_header available in every view :!:
greetings / grüsse
ivan

Facebook Fan Page | Follow Twitter

Blog: Reisen Blog
Bilder Gallery: Bilder Gallery

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #17 on: July 30, 2008, 06:34:06 PM »
... thanks ivan ... ;)
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline Omsky

  • Newbie
  • *
  • Posts: 42
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #18 on: July 30, 2008, 06:55:58 PM »
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

Offline Omsky

  • Newbie
  • *
  • Posts: 42
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #19 on: July 30, 2008, 07:35:20 PM »
ohh... i sleep  :oops:

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

Offline ivan

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 2.279
    • View Profile
    • Bilder Gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #20 on: July 30, 2008, 07:36:55 PM »
its right ;)
greetings / grüsse
ivan

Facebook Fan Page | Follow Twitter

Blog: Reisen Blog
Bilder Gallery: Bilder Gallery

Offline Omsky

  • Newbie
  • *
  • Posts: 42
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #21 on: August 09, 2008, 07:36:33 PM »
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 '?

Offline mawenzi

  • Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #22 on: August 09, 2008, 07:55:00 PM »
@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 ...
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline sigma.

  • Full Member
  • ***
  • Posts: 148
  • cydonian.com/potd
    • View Profile
    • sigma's gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #23 on: August 16, 2008, 10:24:04 PM »
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?

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Administrator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: [TUT] Tooltip for Thumbnails
« Reply #24 on: August 17, 2008, 12:19:29 AM »
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}")));?>')"
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline sigma.

  • Full Member
  • ***
  • Posts: 148
  • cydonian.com/potd
    • View Profile
    • sigma's gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #25 on: August 17, 2008, 01:07:13 AM »
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?
« Last Edit: August 17, 2008, 01:41:51 AM by sigma. »

Offline sigma.

  • Full Member
  • ***
  • Posts: 148
  • cydonian.com/potd
    • View Profile
    • sigma's gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #26 on: August 17, 2008, 02:28:44 AM »
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?

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Administrator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: [TUT] Tooltip for Thumbnails
« Reply #27 on: August 17, 2008, 03:36:19 AM »
It creates javascript friendly string - escapes newlines and apostrophes
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline sigma.

  • Full Member
  • ***
  • Posts: 148
  • cydonian.com/potd
    • View Profile
    • sigma's gallery
Re: [TUT] Tooltip for Thumbnails
« Reply #28 on: August 17, 2008, 04:13:45 AM »
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.
« Last Edit: August 17, 2008, 04:29:50 AM by sigma. »

Offline Boemmel

  • Newbie
  • *
  • Posts: 14
    • View Profile
Re: [TUT] Tooltip for Thumbnails
« Reply #29 on: October 28, 2008, 09:07:44 AM »
wie bekomme ich den Mod zum Laufen ? bei mir tut sich nichts.

muß ich irrgendwas aktivieren, ich bin ratlos.
 :wink:

hat sich erledigt!
« Last Edit: October 28, 2008, 07:08:20 PM by Boemmel »
Gruß
Chris

 

Post your comments here