Jquery plugins JQuery循环插件:覆盖导航按钮?

Jquery plugins JQuery循环插件:覆盖导航按钮?,jquery-plugins,Jquery Plugins,我正在尝试使用jQuery循环插件(http://www.malsup.com/jquery/cycle/)要创建类似此页面上的横幅,请执行以下操作:。具体来说,我希望导航器按钮位于图像的顶部。在epa.gov上的方式是导航div绝对定位在页面上,所以你必须绝对定位在你想使用它的每个页面上的div。更简单的解决方案是将导航div相对定位在保存我想要滚动的图像的div中。问题是我不明白你怎么能做到 循环图像的代码为: $('#banner').after('<div id="nav">

我正在尝试使用jQuery循环插件(http://www.malsup.com/jquery/cycle/)要创建类似此页面上的横幅,请执行以下操作:。具体来说,我希望导航器按钮位于图像的顶部。在epa.gov上的方式是导航div绝对定位在页面上,所以你必须绝对定位在你想使用它的每个页面上的div。更简单的解决方案是将导航div相对定位在保存我想要滚动的图像的div中。问题是我不明白你怎么能做到

循环图像的代码为:

$('#banner').after('<div id="nav"></div>').cycle({ fx: 'fade', speed: 1000, timeout:  5000, pager: '#nav', autostop: true, autostopCount: 5 });
$('#banner')。在('')之后。循环({fx:'fade',速度:1000,超时:5000,寻呼机:'#nav',自动停止:true,自动停止计数:5});

“after”函数创建导航div,寻呼机选项使该div成为旗帜div的导航,旗帜div保存图像,但导航div是在旗帜div之前或之后创建的。我希望导航div在旗帜div内部创建,以便我可以将其相对定位在该div中,因为它实际上是保存图像的那个。这可能吗?我应该使用另一个插件吗?

在Malsup的示例页面上有一个非常类似的示例:

转到“更多演示”,它是最热门的(幻灯片上方的寻呼机)

这很难找到,我知道它在那里的唯一原因是因为我在那里花了几个小时