Question

我正在使用Caroufredsel插件作为我拥有的图库，并希望图库中的图像在页面加载时淡入。

以下是图库的链接：http://tamedia.ca/marlowe/collection-aw12.html

这是我用来启动插件的脚本：

$(window).load(function() {
    $("#thumbs").carouFredSel({
        synchronise: ['#images', false, true],
        width: "100%",
        height: 145,
        items: {
            width: 95,
            height: 145,
            visible: 19,
            start: -9
        },
        scroll: {
            items: 1,
            pauseOnHover: true
        },
        auto: 5000,
        debug: true,
        prev: {
            button: "#prev-thumbs",
            key: "left"
        },
        next: {
            button: "#next-thumbs",
            key: "right"
        }
    });

    $('#images').carouFredSel({
        auto: false,
        items: 1,
        scroll: {
            fx: 'fade'
        }
    });

});

Answer 1

尝试使用Caroufredsel的onCreate（）函数来实现此目的。

Answer 2

$(window).load(function() {
    $("#thumbs").carouFredSel({
        onCreate: function {
        /* PUT YOUR ONLOAD CODE HERE */
        }
        synchronise: ['#images', false, true],
        width: "100%",
        height: 145,
        items: {
            width: 95,
            height: 145,
            visible: 19,
            start: -9
        },
        scroll: {
            items: 1,
            pauseOnHover: true
        },
        auto: 5000,
        debug: true,
        prev: {
            button: "#prev-thumbs",
            key: "left"
        },
        next: {
            button: "#next-thumbs",
            key: "right"
        }
    });

    $('#images').carouFredSel({
        auto: false,
        items: 1,
        scroll: {
            fx: 'fade'
        }
    });
});

淡入img的onLoad - Caroufredsel

2 个答案: