滑块下一个和上一个图像而不是文本

Question

有人可以向我解释为什么这不起作用。我正在尝试使用 javascript 中的图像作为滑块，而不仅仅是使用以前和下一个作为按钮的文本。

options = jQuery.extend({
    animationSpeed: 1000,
    navigation: true,
    easing: '',
    timeout: 5000,
    pause: true,
    pauseOnNavHover: true,
    prevText: img src='arrowleft.png'         used to be         prevText: 'Previous',
    nextText: img src='arrowright.png         used to be         nextText: 'Next',
    css3pieFix: false,
    currentClass: 'current',
    onLoad: function(){},
    onStart: function(){},
    onComplete: function(){}
}, options);

我对这一切还很陌生，所以请帮忙

Answer 1

这是因为 prevText 和 nextText 需要一个字符串，但在您的情况下，您将其提供为 img src = 'image-name'，这在很多方面都是不正确的。 如果您想传递图像 src 而不是文本，那么您应该使用 img.attr('src') 来获取图像源，前提是您在 img 变量中有图像选择器。由于语法不正确，您的 javascript 在img src='arrowleft.png' 上中断。 应该是：

options = jQuery.extend({
                animationSpeed: 1000,
                navigation: true,
                easing: '',
                timeout: 5000,
                pause: true,
                pauseOnNavHover: true,
                prevText: img.attr('src'),
                nextText: img.attr('src'),
                css3pieFix: false,
                currentClass: 'current',
                onLoad: function () {},
                onStart: function () {},
                onComplete: function () {}
            }, options);

注意：这仅在您将图像选择器分配给img 变量时才有效。如果img 未定义，那么它将再次导致错误。除非您提供更多代码，否则我只能在此问题上为您提供帮助。