将数字值更改为文本值? jQuery 画廊

发布于 2024-11-30 21:28:57 字数 187 浏览 0 评论 0原文

我真的很喜欢这个 jQuery Gallery

但是,我不是用数字来导航,而是喜欢使用词语(例如足球/橄榄球/田径)。

我该如何实现这一目标?

非常感谢您的指点。

I really like this jQuery Gallery

However, instead of numbers for navigation, I'd like to use words (e.g. Football / Rugby / Athletics).

How do I achieve this?

Many thanks for any pointers.

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

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

发布评论

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

评论(2

呆橘 2024-12-07 21:28:57

您可以在加载图库后覆盖它们:

$(function(){
    // create gallery...

    var titles = ['Football', 'Rugby', 'Athletics', 'asdg', '...'];
    for(var i=0;i<titles.length;i++){
        $('#controls'+(i+1)+' a').html(titles[i]);
    }
});

编辑:
感谢您的小提琴:似乎有效:))) http://jsfiddle.net/mHsuU/2/

you could just overwrite them after the gallery is loaded:

$(function(){
    // create gallery...

    var titles = ['Football', 'Rugby', 'Athletics', 'asdg', '...'];
    for(var i=0;i<titles.length;i++){
        $('#controls'+(i+1)+' a').html(titles[i]);
    }
});

edit:
thanks for the fiddle: seems to work :))) http://jsfiddle.net/mHsuU/2/

带刺的爱情 2024-12-07 21:28:57

你必须修改源。从好的方面来说,修改源代码看起来非常简单。您希望将 numericId 选项重命名为 indexId 之类的名称,以反映其新用途。然后,您需要添加一个采用数组值的 indexLabels 选项。

将其更改

if(options.numeric){
    html += '<ol id="'+ options.numericId +'"></ol>';

if(options.numeric || options.indexLabels){
    html += '<ol id="'+ options.indexId +'"></ol>';

:并为此添加另一个分支

if(options.numeric){
    for(var i=0;i<s;i++){
    //...
}

else if(options.indexLabels) {
    // generate the <li>s to match your labels.
}

并确保将所有位置的 numericId 更改为 indexId。还有其他一些 if(options.numeric) 检查您也想更改为 if(options.numeric || options.indexLabels) 但数量不多。

您可能还想向作者发送补丁,这是礼貌的做法。

You'd have to modify the source. On the upside, modifying the source looks pretty straight forward. You want to rename the numericId option to something like indexId to reflect its new purpose. Then you'd add a indexLabels option that takes an array value.

Change this:

if(options.numeric){
    html += '<ol id="'+ options.numericId +'"></ol>';

to

if(options.numeric || options.indexLabels){
    html += '<ol id="'+ options.indexId +'"></ol>';

And add another branch to this:

if(options.numeric){
    for(var i=0;i<s;i++){
    //...
}

with something like this:

else if(options.indexLabels) {
    // generate the <li>s to match your labels.
}

And make sure you change numericId to indexId everywhere. There are a couple other if(options.numeric) checks that you'd want to change to if(options.numeric || options.indexLabels) too but not many.

You'd probably want to send a patch to the author as well, that would be polite.

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