Question

我正在使用JFlow作为我的内容滑块，并希望在页面加载时选择一个特定的幻灯片。它可以是第5张幻灯片或第二张幻灯片，但我不想重新订购幻灯片。

有什么想法吗？ link text

Answer 1

您可以实现此目的，但需要更改“jquery.flow.1.2.js”以满足您的要求。这是更新的文件

对于此现有的默认值块。注意 startSlideNumber 变量的最后一行

    $.fn.jFlow.defaults = {
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper : "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected",  // just pure text, no sign
        easing: "swing",
        duration: 400,
        width: "100%",
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext", // must be class, use . sign
        startSlideNumber:0
    };

然后改变

var cur = 0; to

var cur = opts.startSlideNumber;

在您的主文件中，您可以写信，在这里您可以将“startSlideNumber”初始化为幻灯片编号[5或秒]。记住第一张幻灯片= 0

$(document).ready(function(){
    $("#myController").jFlow({
        slides: "#slides",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper : "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected",  // just pure text, no sign
        auto: true,     //auto change slide, default true
        width: "610px",
        height: "235px",
        duration: 400,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext", // must be class, use . sign
        startSlideNumber:2
    });
});

在JFlow Load上选择Different Div

1 个答案: