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未定义，则会再次导致错误。除非您提供更多代码，否则我可以帮助您解决此问题。

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

1 个答案: