A Wordpress plug-in to create style-able tooltips for links. Edit the included stylesheet to suit your needs. You can see it in action everywhere in Geekaholic, and even this page. Mouse-over the links (page/post content only). Tooltips now contain the favicon of the linked page.
Requires the jQuery framework (included).
Customisation
$tooltippr_body contains a comma-separated list of class names for containers of your post/page content. For example, the class names on this blog are the_body and body, so the list will be the_body,body (without spaces).
Tooltips are triggered after you hold your mouse on a link for some time.
Tooltips now contain the favicon of the page linked. The favicons are fetched only when the tooltips are invoked, so there might be a couple of seconds before the image shows up.
Questions/Doubts in the comments.
NOTE: Please make sure there is a call for wp_footer() in your template. I use that hook to call the function that adds tips to all the links.
Known Issues/Bugs
- 0.9.8 →
- No IE support yet. Fixed a lock-up issue on pages with too many links to tooltip-ify.
Download
Tooltippr plug-in (v0.9.8)
7 Comments
I cannot seem to get your plugin working. I have installed it and activated it, but it isn’t showing.
You can find my page at http://therealduckie.net/blog/
Am i missing something? Am I supposed to add something to the template?
Thanks
We solved the problem mutually, but for everyone’s benefit. If after installation you find nothing is happening, you’ll want to check if you have a call to
wp_footer()in yourfooter.php.Some designers leave out these basic Wordpress include functions, which they shouldn’t :)
Hello, Tested and not operable in WP-2.5. Will you be updating this plugin for 2.5 compatability?
Pablo DiCiacco » It does work with 2.5, like it does on this blog. Can I have the URL of your blog so that I can check why it isn’t working?
It is quite a nice plugin, but there seems to be one problem currently. When i enable it, and edit the file as your directions insturuct, i get the tooltip, but it is no where near the link. Its further up the page, and appears at about the middle of the link.
This happens on EVERY browser i try.
Paradox » You might want to fix the CSS file in case the tips are not positioned properly. That is usually the culprit in things like these.
I didn’t see any positioning in the CSS file…
Ill have to look later
Leave a comment
RSS feed for comments on this post. TrackBack URL