【发布时间】：2010-01-29 08:20:06
【问题描述】：
我使用带有上一个和下一个按钮的 jquery 循环插件创建了一个幻灯片。我想要做的是当用户悬停上一个或下一个按钮以分别获得带有上一个或下一个图像预览的工具提示时。关于如何实现这样的目标的任何想法？
【问题讨论】：
【发布时间】：2010-01-29 08:20:06
【问题描述】：
工具提示：http://craigsworks.com/projects/qtip/
对于下一张/上一张图片，您需要在显示之前将数据保存在某个位置 - 就像隐藏的 div。 Qtip 采用“内容”参数，您可以使用 jQuery(selector).html() 从页面上的任何元素中填充 inner-html。
IE：
jQuery(next_button_selector).qtip(
{
content:{
text: jQuery(hidden_div_that_wraps_image_selector).html()
}
});
【讨论】：
-
好吧，我想这是最简单的部分，我不知道如何在幻灯片中的任意位置选择上一张和下一张图像并将其保存在某处
-
取决于您的幻灯片。阅读上面的文档。看看他们是否有任何类型的回调，你可以挂钩的东西。否则他们通常会做一些事情，比如设置一个 url 片段（index.html#fragment），或者在某个属性中存储数据。其他时候它是一个渐进增强的东西（把这个无聊的
- 变成一个画廊，使用嵌套图像作为画廊图像）。在这种情况下，使用 jQuery，您只需要相应地遍历 (next()、prev()、closest() ... 等)。
-
为了帮助解决所有这些问题，请确保您已安装 Firebug。如果启用脚本调试器，当 它 需要确定下一个图像将是什么时，您实际上可以观察图库的行为。然后你可以复制它，或者沿途学习一些东西，比如：“哦，在它打开下一张图片之前，它触发了一个我必须监听的事件 jQuery(document).bind('onNextImage',function(evt ,data){ ... }); 它给了我我正在寻找的网址！”
试试这个 jQuery 轮播插件Hero-Carousel
【讨论】：