上一个/下一个JQuery循环图像图标

时间:2012-09-10 14:57:43

标签: jquery css image cycle

我正在尝试找出如何用实际图像替换链接'Prev'和'Next'(我想使用小箭头图标)。

$('#s2').cycle({ 
    fx:     'fade', 
    speed:  'fast', 
    timeout: 0, 
    next:   '#next2',    <-- use small PNG image instead? 
    prev:   '#prev2'     <-- use small PNG image instead?
});

我在这里指的是Malsup示例:http://jquery.malsup.com/cycle/int2.html。有没有办法做到这一点?那些next2,prev2类是我可以在CSS中单独设置样式的类吗?

感谢 JM

1 个答案:

答案 0 :(得分:1)

下一个和上一个链接附有ID,而不是类,因此只需使用这些ID来设置链接的样式。

a#prev2 {
    // some styles here
}

a#next2 {
    // some styles here
}