具有前一个和下一个预览的jquery循环

Question

我已经使用jquery cycle插件创建了一个幻灯片，其中包含“上一个”和“下一个”按钮。我尝试做的是，当用户悬停上一张或下一张按钮时，将分别显示上一张或下一张图片的预览工具提示。对于如何实现这样的目标有什么想法吗？

Answer 1

对于工具提示：http://craigsworks.com/projects/qtip/

对于下一张/上一张图片，在显示之前，你需要将数据保存在某个地方--就像一个隐藏的div。Qtip接受一个'content‘参数，您可以使用jQuery(选择器).html()从页面上的任何元素填充该参数。

即：

jQuery(next_button_selector).qtip(
 {
   content:{ 
     text: jQuery(hidden_div_that_wraps_image_selector).html()
   }
 });

Answer 2

试用此jQuery carousel插件Hero-Carousel