Question

我有一个后伸的问题。我想要一个幻灯片，每个图像都有一个div文本。

我得到了这个，但当我尝试添加＆＃34;下一个＆＃34;和＆＃34;之前＆＃34;按钮，只有＆＃34;下一个＆＃34;按钮工作，＆＃34;以前＆＃34;按钮行为不当，我无法看到错误。

请看这个小提琴看我的代码： Fiddle

我无法让小提琴上班，但它在我的电脑上运行良好。 编辑：小提琴正在运作！

        // Backstretch
    $("#slide").backstretch([
        "http://www.picturesnew.com/media/images/images-background.jpg",
        "http://static3.businessinsider.com/image/52a0bbfd6bb3f7961363819e/the-most-amazing-satellite-images-of-the-year.jpg",
        "http://www.afranko.org/wp-content/uploads/2013/10/13ead58cc4daab6e794c1e895004e4e4.jpg",
        "http://hdcomputerwallpaper.com/wp-content/uploads/2013/12/Puppy-images.jpg"], {
        fade: 750,
        duration: 4000
    });

    // Backstretch text overlay
    var obj = $(".overlay");
    var arr = $.makeArray(obj);
    var y = arr.length;
    var x = 0;
    var u = 0;

    $(".overlay").hide().eq(x).show();
    $("#c2").text(y);
    $("#c3").text(u);

    $(window).on("backstretch.before", function (e, instance, index) {
        // If previous, then skip x + 1
        if (u === 0) {
            x = x + 1;

            // If x is larger than y, start from 0
            if (x >= y) {
                x = 0;
            }
        } else {
            u = 0;
        }

        $(".overlay").fadeOut(500);

        $("#c1").text(x);
        $("#c3").text(u);
    });


    $(window).on("backstretch.show", function (e, instance) {
        $(".overlay").eq(x).fadeIn(750);
    });

    // Backstretch controls
    $("#next").click(function (z) {
        //            z.preventDefault();
        $("#slide").data("backstretch").next();

        $("#c1").text(x);
    });

    $("#prev").click(function (z) {
        //            z.preventDefault();
        $(".overlay").fadeOut(500);
        $("#slide").data("backstretch").prev();

        u = 1;

        if (x === 0) {
            x = y - 2;
        } else {
            x = x - 1;
        }

        $(".overlay").eq(x).fadeIn(750);

        $("#c1").text(x);
        $("#c3").text(u);
    });

Answer 1

这对小提琴不起作用，因为您忘记在小提琴和计算机中包含外部resurces backstretch.min.js，因为您已经包含该库，因此您正在运行此代码

所以包括外部资源会使你的小提琴工作。

正如你所说的前一个按钮行为不端，为此您可能需要添加资源来摆弄并再次发布！但我建议你为小提琴添加资源并检查它是否应该有效！

＆＃34;下一个＆＃34;和＆＃34;之前＆＃34; div的附加内容按钮

1 个答案: