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