Question

我正在尝试为carouFredSel幻灯片添加一个简单的分页。我几乎让它工作了，但左边和右边的不透明图像不想合作。当我单击右侧的页面按钮时，右侧的不透明img将无效，当我单击左侧的页面按钮时，img将无效。我很亲密，我可以尝到胜利。

我试图做的是添加：

分页：“＃page2”，

到第26行。它有点工作但不完全。

$(function() {
    var $l = $('#carousel-left'),
        $c = $('#carousel-center'),
        $r = $('#carousel-right');

    $l.carouFredSel({
        auto: false,
        items: 1,
        direction: 'right',
        prev: {
            button: '#prev',
            fx: 'fade', // left side when prev is clicked
            onBefore: function() {
                setTimeout(function() {
                    $c.trigger( 'prev' );
                }, 1);
            }   
        },
        next: {
            fx: 'fade' //right side when next is clicked
        }
    });
    $c.carouFredSel({
        auto: false,
        items: 1,
        pagination: "#page2",
        prev: {
            onBefore: function() {
                setTimeout(function() {
                    $r.trigger( 'prev' );
                }, 1); //effected only on previous button click
            }
        },
        next: {
            onBefore: function() {
                setTimeout(function() {
                    $l.trigger( 'next' );
                }, 1); // effects left side
            }
        }
    });
    $r.carouFredSel({
        auto: false,
        items: 1,
        prev: {
            fx: 'fade' //right side when prev is clicked
        },
        next: {
            button: '#next',
            fx: 'fade', //right side when next button is clicked
            onBefore: function() {
                setTimeout(function() {
                    $c.trigger( 'next' );
                }, 1); //delay for center img
            }
        }
    });
});

Answer 1

在查看您的JSFiddle之后，您的导航箭头似乎正在按预期工作。一次向左或向右移动一张幻灯片。

此外，您在底部的彩色分页也似乎正常运作。

您的问题可能与浏览器有关吗？与谷歌浏览器一样，它似乎按预期运行。

试图将寻呼机添加到carouFredSel幻灯片放映

1 个答案: