Reputation: 1647
I have created a slideshow using the jquery cycle plugin with previous and next buttons. What i am trying to do is when the user hovers the previous or the next button to get a tooltip with a preview of the previous or the next image respectively. Any ideas on how to achive something like that?
Upvotes: 0
Views: 1045
Reputation: 6938
For the tooltip: http://craigsworks.com/projects/qtip/
For the next/previous image, you'll need to keep the data somewhere before showing it - like a hidden div. Qtip takes a 'content' parameter that you can populate with inner-html from any element on the page using jQuery(selector).html().
I.E:
jQuery(next_button_selector).qtip(
{
content:{
text: jQuery(hidden_div_that_wraps_image_selector).html()
}
});
Upvotes: 1