在将正确显示在页面上的自定义 javascript jquery 代码中使用图像
最佳答案
您可以通过插件使用其 dots
属性来完成此操作。我知道它不适用于初始幻灯片。您必须等待它转到下一张幻灯片才能工作。
http://codepen.io/anon/pen/gbZeaZ
$(function() {
$('.banner').unslider(
{
speed: 500, // The speed to animate each slide (in milliseconds)
delay: 5000,
dots:true,
complete:function () {
var index = $('#hp-banner .dot.active').index ();
$('#hp-banner-right li').removeClass ('active').eq (index).addClass ('active');
}
}
);
});
启用点会将点添加到 slider ,您可以单击这些点以转到特定幻灯片。当前点将有一个 active
类。您可以使用 complete
回调找出事件点的索引,然后为相应的横幅链接提供适当的类。
我在这个问题上找到了那个方法。 https://github.com/idiot/unslider/issues/168
关于jquery - 匹配旋转高亮箭头 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29175165/