jquery 循环与上一个和下一个预览

发布于 2024-08-19 17:56:02 字数 111 浏览 4 评论 0原文

我使用带有上一个和下一个按钮的 jquery 循环插件创建了一个幻灯片。我想做的是,当用户将鼠标悬停在上一个或下一个按钮上时,会获得一个工具提示,分别预览上一个或下一个图像。关于如何实现类似目标有什么想法吗?

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?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

陪你搞怪i 2024-08-26 17:56:02

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

对于下一个/上一个图像,您需要在显示数据之前将数据保存在某个地方 - 就像隐藏的 div 一样。 Qtip 采用“content”参数,您可以使用 jQuery(selector).html() 从页面上的任何元素填充内部 html。

IE:

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

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()
   }
 });
四叶草在未来唯美盛开 2024-08-26 17:56:02

试试这个 jQuery 轮播插件 Hero-Carousel

Try this jQuery carousel plugin Hero-Carousel

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文