You are here: Home » Plugins » jQuery Tinytips

jQuery Tinytips

Description

Adds tinytips tooltips to links on your site. Comes with 8 different themes.
The tinytip can be added to a link using the WordPress visual editor.

The plugin can be automated to add the functionality for all links.

Tinytips tooltips are added for all links that have a “title” attribute.

Localization

Includes Tinytips 1.1 jQuery plugin from Mike Merritt.
Tinytips is licensed as free of charge for anyone.
jQuery Colorbox uses the jQuery library version 1.4.2 bundled with WordPress 3.0.

Demo/Screenshots

Settings Screenshot
Tinytips themes Screenshots
Tinytips demo

Download

Get the plugin from WordPress.org

Installation

Upgrading From A Previous Version

To upgrade from a previous version of this plugin, delete the entire folder and files from the previous version of the plugin and then follow the installation instructions below.

Installing The Plugin

Extract all files from the ZIP file, making sure to keep the file structure intact, and then upload it to `/wp-content/plugins/`. Then just visit your admin area and activate the plugin. That’s it!

Configuring The Plugin

Go to the settings page and choose one of the themes bundled with the plugin and other settings.
Do not forget to activate auto Colorbox if you want Colorbox to work for all images.

**See Also:** “Installing Plugins” article on the WP Codex

Frequently asked questions

  • Why is jQuery Tinytips not available in my language?

I speak German and English fluently, but unfortunately no other language well enough to do a translation.

Would you like to help? Translating the plugin is easy if you understand English and are fluent in another language.

  • How do I translate jQuery Tinytips?

Take a look at the WordPress site and identify your langyage code:
http://codex.wordpress.org/WordPress_in_Your_Language

E.g. the language code for German is “de_DE”.

Step 1) download POEdit (http://www.poedit.net/)

Step 2) download jQuery Colorbox (from your FTP or from http://wordpress.org/extend/plugins/jquery-tinytips/)

Step 3) copy the file localization/jquery-tinytips-en_EN.po and rename it. (in this case jquery-tinytips-de_DE.po)

Step 4) open the file with POEdit.

Step 5) translate all strings. Things like “{total}” or “%1$s” mean that a value will be inserted later.

Step 5a) The string that says “English translation by Arne …”, this is where you put your name, website (or email) and your language in. ;-)

Step 5b) (optional) Go to POEdit -> Catalog -> Settings and enter your name, email, language code etc

Step 6) Save the file. Now you will see two files, jquery-tinytips-de_DE.po and jquery-tinytips-de_DE.mo.

Step 7) Upload your files to your FTP server into the jQuery Tinytips directory (usually /wp-content/plugins/jquery-tinytips/)

Step 8 ) When you are sure that all translations are working correctly, send the po-file to me and I will put it into the next jQuery Tinytips version.

  • My question isn’t answered here. What do I do now?

Feel free to write an email to blog [at] techotronic.de or open a thread at the jQuery Tinytips WordPress.org forum.

I’ll include new FAQs in every new version. Promise.

Changelog

1.1 (2011-01-16)

  • CHANGE: made plugin compatible to PHP4
  • CHANGE: removed warning for PHP4

1.0 (2010-12-31)

  • NEW: Initial release.

4 Comments

  1. Posted 17.Jan 2011 at 09:32 | Permalink

    Hello, I’m taking a look at your plugin and have a question.
    I put a title attribute in a linked centered image and the box is showing left of the image. Is it normal ?
    Code used:

    • arne
      Posted 21.Jan 2011 at 23:37 | Permalink

      Hi,
      the plugin doesn’t seem to be active any more on your site.
      It seems that in the theme you are using the link is much wider than the image, so the tinytip may not be above/beside the image.
      Cheers,
      Arne

  2. tom
    Posted 19.Mar 2011 at 16:50 | Permalink

    hi,

    could these ‘baloons’ be styled?..

    thanks in addvance.

    tom

    • arne
      Posted 2.Apr 2011 at 22:12 | Permalink

      Hi,
      sure, it’s all CSS and an image.
      Cheers,
      Arne

3 Trackbacks

  1. By jQuery Tinytips für WordPress on 31.Dec 2010 at 09:27

    [...] Tinytips für WordPress 31. Dezember 2010 | Autor KHK Das Plugin jQuery Tinytips für WordPress erlaubt es Schlüsselworte, bzw. Links mit Tooltipps zu unterlegen. Beim [...]

  2. By jQuery Tinytips für WordPress on 31.Dec 2010 at 09:28

    [...] Tinytips für WordPress 31. Dezember 2010 | Autor: KHK Das Plugin jQuery Tinytips für WordPress erlaubt es Schlüsselworte, bzw. Links mit Tooltipps zu unterlegen. Beim [...]

  3. [...] jQuery Plugins for WordPress 31 December, 2010 – 09:57 AM – No Comment Yet jQuery Tinytips adds tinytips tooltips to links on your site. Comes with 8 different themes. The tinytip can be [...]