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

Question

我正在尝试找出如何将链接“上一个”和“下一个”替换为实际图像（我想使用小箭头图标）。

$('#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 中单独设置样式的类吗？

谢谢 杰米

Answer 1

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

a#prev2 {
    // some styles here
}

a#next2 {
    // some styles here
}