You are here: Home » Plugins » jQuery Tinytips » Tinytips Demo

Tinytips Demo

This page demonstrates the use of the jQuery Tinytips plugin.

You can either set the plugin to automatically activate the Tinytips functionality for all links, or select the tinytips CSS class for individual links.

To manually activate jQuery Tinytips for a link, do the following:

Insert a link and select the Tinytips-class.

Set tinytip class

Set tinytip class

Demo link to Google with title attribute

Demo link to Google without title attribute

4 Comments

  1. jason goldberg
    Posted 7.Mar 2011 at 01:56 | Permalink

    hello, how can i use this with an image. I want to have a user roll over an image and see another image and i can’t seem to get it to work. I have WP 3.1.

    Thanks,

    JG

    • arne
      Posted 8.Mar 2011 at 00:05 | Permalink

      Hi,
      um, yeah, that is possible using the tinytips library, but using my plugin it’s only possible to display the title automatically.
      You’ll have to take a look at the TinyTips Website: http://plugins.jquery.com/project/tinytips
      Cheers,
      Arne

  2. Laurence
    Posted 15.Mar 2011 at 01:32 | Permalink

    The tooltip is working great with linked text…but with an image, the tooltip covers up the image, making it impossible to click the linked image. Is there a way to overcome that? To position the tooltip above the image?

    L

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

      Hi,
      yeah, I had to add the CSS style “display:block;” to the images on my site to make the popup appear above the images.
      Cheers,
      Arne