淡入img的onLoad - Caroufredsel

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'
        }
    });
});