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

Slider next and previous images instead of text

本文关键字：文本 图像 下一个 上一个      更新时间：2023-09-26

谁能给我解释一下为什么这不起作用?我正试图在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);

我对这一切都很陌生，所以请帮助

这是因为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未定义，那么它将再次导致错误。除非你提供更多的代码，否则我只能帮你解决这个问题。

相关文章：