Home / Tooltip / Joyride tooltip
Joyride tooltip

Joyride tooltip

Download Demo
  • Overview
  • Documents
User Rating: 0/5 ( 0 votes)
Your Rating:

Create jQuery Feature Tours in a Breeze

Setting up Joyride is simple, just attach the needed files, drop in your markup and choose your settings.

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.

There have been many significant performance improvements in Joyride 2, along with a myriad of new features. These features include:

  • It works on every screen size!—Check out the Responsive Demo
  • Replaced counters with the .next() method.
  • Data-button attribute defined buttons, data-button will be deprecated in 3.0.
  • Edge-aware tooltips that reposition based on proximity to the edge of the window.
  • Pause, Resume, Restart, and Destroy—https://gist.github.com/3430584
  • Updated to jQuery 1.8.2, supports 1.4.2 and up.
  • Modal style tooltips (li elements without data-ids).
  • Moved tooltip templating to settings.
  • Cookie support is now an option.
  • Better support for right and left aligned tooltips.
  • Position the nub per tooltip.
  • Deprecated inline positioning of tooltips.
  • Support for class based targeting with data-class.
  • Both postStepCallback and postRideCallback now return a reference the the last tip index and jquery object.
  • WIP: skip functionality for missing targeting elements.
  • Same size compressed (~12kb).
Scroll To Top