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

时间:2014-08-20 07:46:14

标签: jquery slideshow caroufredsel

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

我试图做的是添加:

    分页:“#page2”,

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

My jsfiddle

$(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
            }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

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

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

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