JQuery Cycle插件：叠加导航按钮？

Question

我正在尝试使用jQuery循环插件（http://www.malsup.com/jquery/cycle/）创建一个类似于此页面上的横幅：http://www.epa.gov/。具体来说，我希望导航按钮位于图像之上。在epa.gov上完成的方式是nav div绝对位于页面上，所以你必须在你想要使用它的每个页面上绝对定位div。更简单的解决方案是将nav div相对定位在包含我想要滚动的图像的div中。问题是我不知道你怎么能这样做。

循环图像的代码是：

$('#banner').after('<div id="nav"></div>').cycle({ fx: 'fade', speed: 1000, timeout:  5000, pager: '#nav', autostop: true, autostopCount: 5 });

“after”函数创建nav div，pager选项使div成为横幅div的导航，横幅div保存图像，但nav div在横幅div之前或之后创建。我希望在横幅div中创建导航div，以便我可以在该div中相对定位它，因为它是实际保存图像的那个。这可能吗？我应该使用不同的插件吗？

Answer 1

在Malsup的示例页面上有一个非常相似的例子：

http://jquery.malsup.com/cycle/pager-over.html

转到“更多演示”，它是最重要的一个（幻灯片放映之上的寻呼机）。

很难找到，而且我知道它的唯一原因是因为我在那里待了几个小时！