javascript - 将数值更改为文本 - jQuery/NivoSlider

标签 javascript jquery html slideshow nivo-slider

我正在尝试将下面示例中的数字导航更改为实际的文本链接。

因此 '1' 可能是 'Football''2' 可能是 'Ice Hockey'等等...

如何使用 NivoSlider 实现此目的代码?

我已将代码移至 JSFiddle:http://jsfiddle.net/JSNuU/如果这更有帮助。

我真的很感谢一些帮助。

最佳答案

不幸的是,Nivo 不提供钩子(Hook)来控制导航,而是用一系列图像替换它。这些数字被硬编码在:

nivoControl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('rel') + '" alt="" /></a>');

但是,如果您愿意,您可以事后更改它们:jsFiddle

var navNames = ['one','two','three','four'];
jQuery('.nivo-control').each(function(i){
    $(this).text( navNames[i] )
})

关于javascript - 将数值更改为文本 - jQuery/NivoSlider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8128185/

相关文章:

javascript - 在 jQuery 中将 2 个函数合并为一个

javascript - 清空数组并清除 Javascript 中的所有间隔

javascript - jQuery 脚本忽略超链接

JavaScript 传递变量

javascript - AJAX 完成后重新加载 div

javascript - jQuery 切换背景,每次点击

jquery - 如何使输入下的所有内容都具有静态位置?

javascript - Css 优先级导航栏(菜单)问题

javascript - 从 "for"属性创建输入标签,而不更改 HTML

javascript - 计算从绿色到红色的颜色值