jQuery Tinytips


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.


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.


Settings Screenshot
Tinytips themes Screenshots
Tinytips demo


Get the plugin from WordPress.org


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:

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.


1.1 (2011-01-16)

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

1.0 (2010-12-31)

  • NEW: Initial release.

7 thoughts on “jQuery Tinytips”

  1. 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:

    1. 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.

Comments are closed.