Skip to content
Hovercard extension for tipsy tooltip
JavaScript CSS
Find file
Failed to load latest commit information.
lib Bump version Jul 13, 2013
sample Update sample/ files to reproduce bug Jul 13, 2013
.gitignore Add bower.json Jan 8, 2014
README.md Update README with link to github.io Jan 10, 2014
bower.json Add bower.json Jan 8, 2014

README.md

tipsy.hovercard - twitter style hovercards for tipsy

DESCRIPTION

tipsy.hovercard provides twitter-like hovercards for tipsy, the facebook-styled tooltip plugin for jQuery.

Examples: http://rrrene.github.io/tipsy.hovercard/

SOURCE:

Hosted at GitHub; browse at:

http://github.com/rrrene/tipsy.hovercard

DEPENDENCIES:

jQuery: http://jquery.com/

tipsy: http://onehackoranother.com/projects/jquery/tipsy

USAGE:

Copy the contents of lib to your javascripts folder and include them in your <head> section. Be sure to provide jQuery >= 1.4 and the tipsy plugin as well.

You can then use it like this:

<a href="some.html" rel="tipsy" title="tipsy tooltip">example link</a>
<a href="some.html" rel="hovercard" title="A tipsyHoverCard<br>(you can hover)">Hovercard example</a>
<a href="some.html" rel="hovercard" title="loading..." data-url="some_info.html">Hovercard w/ AJAX Flavour</a>

<script>
  jQuery(function ($) {
    $("*[rel=tipsy]").tipsy();
    $("*[rel=hovercard]").tipsyHoverCard();
  });
</script>
Something went wrong with that request. Please try again.