Question

好的，我有这个东西在工作。滚动链接，它会更改横幅/图片。太棒了。问题是：如何将文本从1,2,3改为我想要的？此外，我如何应用背景图像，悬停和主动治疗。在http://malsup.com/jquery/cycle/pager5.html的示例中，我使用#nav a {blah，blah}来影响黄色框和边框，但是当我添加图像时它什么也没做。此外，更改文本的能力似乎隐藏在实际的Cycle插件中。有谁知道怎么做？

这是我的代码

的javascript：

$('#slideshow').cycle({ 
    speed:      200,
    timeout:    0, 
    pager:      '#tabs', 
    pagerEvent: 'mouseover' 
});

CSS（图片未显示思想）

#tabs a {
    border-style: none;
    height: 47px;
    width: 192px;
    background-image: url(../images/tabback.png);
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background: none no-repeat scroll 0 0;
    text-decoration:none;
}

并且HTML并不重要，但我正在吐出@tabs的导航链接。

Answer 1

要更改寻呼机的文本，请在options中为pagerAnchorBuilder回调提供一个函数。参数是页码和DOM元素。默认锚点为'<a href="#">'+(i+1)+'</a>'。例如，您可以使用：

$('#slideshow').cycle({ 
    speed:      200,
    timeout:    0, 
    pager:      '#tabs', 
    pagerEvent: 'mouseover',
    options:    {
        pagerAnchorBuilder: function(i,el) {
            return '<a href="#">Page '+(i+1)+'</a>';
        }
    }
});

我不确定背景图片，但看起来后面的背景属性会覆盖背景图像。 background: none url(../images/tabback.png) no-repeat scroll 0 0;会改变一切吗？

Answer 2

这些recs似乎都不起作用，所以我将其破解了一下。只需隐藏#tabs img标签，使用#tabs，＃abs a和#tabs a：hover来获得我想要的效果。然后创建了一个div里面的标签，绝对是获得我想要的独特文本。最后，更改#tabs a：activeSlide以匹配#tabs a：悬停以消除在div上但在文本上的悬停闪烁。

Jquery循环插件问题 - 更改和样式链接

2 个答案: