Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 设置时间间隔以实现自动幻灯片功能(Magento站点)_Javascript_Jquery_Magento_Slider - Fatal编程技术网

Javascript 设置时间间隔以实现自动幻灯片功能(Magento站点)

Javascript 设置时间间隔以实现自动幻灯片功能(Magento站点),javascript,jquery,magento,slider,Javascript,Jquery,Magento,Slider,下面的代码是由自由职业程序员为我们的Magento网站的silde横幅编写的。这仅适用于客户单击寻呼机导航菜单时的幻灯片横幅;它滑向下一条横幅。我想为此设置时间间隔,以便它可以通过单击寻呼机按钮自动滑动。谢谢你 function initialize_banner_slider(banner_id) { if ($(banner_id).size() <= 0) return; var make_center = function(center) { center

下面的代码是由自由职业程序员为我们的Magento网站的silde横幅编写的。这仅适用于客户单击寻呼机导航菜单时的幻灯片横幅;它滑向下一条横幅。我想为此设置时间间隔,以便它可以通过单击寻呼机按钮自动滑动。谢谢你

function initialize_banner_slider(banner_id) {
    if ($(banner_id).size() <= 0) return;

    var make_center = function(center) {
    center.removeClass("on_right").removeClass("on_left").addClass("on_center");
    $("body").removeClass("theme-light").removeClass("theme-dark").addClass("theme-"+center.data("theme"));
    center.find(".fadeup").each(function() {
        $(this).hide().css("top", (parseInt($(this).data("pos-y"))/750*100+100) + "%");
    });
    $(banner_id + " ul.banner_pager li").removeClass("active");
    $($(banner_id + " ul.banner_pager li")[center.index()]).addClass("active");
    setTimeout(function() {
        center.find(".fadeup").each(function() {
            $(this).show().animate({"top": "-=100%"});
            /* $(this).css("top", parseInt($(this).data("pos-y"))); */
        });
    }, 600);
}

var move_full_card_left = function(banner_id) {
    if ($(banner_id).find(".on_right").size() > 0) {
        $(banner_id).find(".on_center").removeClass("on_center").addClass("on_left");
        make_center( $(banner_id).find(".on_right").first() );

        if ($(banner_id).find(".on_right").size() == 0) {
            // hide arrow
            $(banner_id).find(".move_right").hide();
        } else {
            // show arrow
            $(banner_id).find(".move_right").show();
        }
        $(banner_id).find(".move_left").show();
    }
    return false;
}
var move_full_card_right = function(banner_id) {
    if ($(banner_id).find(".on_left").size() > 0) {
        $(banner_id).find(".on_center").removeClass("on_center").addClass("on_right");
        make_center( $(banner_id).find(".on_left").last() );
        if ($(banner_id).find(".on_left").size() == 0) {
            // hide arrow
            $(banner_id).find(".move_left").hide();
        } else {
            // show arrow
            $(banner_id).find(".move_left").show();
        }
        $(banner_id).find(".move_right").show();
    }
    return false;
}

$(banner_id).find(".move_left").click(function() {
    return move_full_card_right(banner_id);
});
$(banner_id).find(".move_right").click(function() {
    return move_full_card_left(banner_id);
});

for (var i=0, l=$(banner_id+" > ul.slider > li").size(); i<l; i++) {
    var pager = $("<li></li>");
    pager.on("click", function() {
        var index = $(this).index();
        $(banner_id+" > ul.slider > li").each(function(ndx, val) {
            if (ndx < index) {
                $(this).removeClass("on_center").removeClass("on_right").addClass("on_left");
            } else if (ndx > index) {
                $(this).removeClass("on_center").removeClass("on_left").addClass("on_right");
            } else if (ndx == index) {
                make_center($(this));
            }
        });
    });
    pager.appendTo($(banner_id + " ul.banner_pager"));
}

var first = true;
$(banner_id+" > ul.slider > li").each(function(elem) {
    if (first) {
        make_center( $(this) );
        first = false;
    } else {
        $(this).addClass("on_right");
    }
    $(this).on("swipeleft", function() {
        return move_full_card_left(banner_id);
    }).on("swiperight", function() {
        return move_full_card_right(banner_id);
    });
    $(this).css("background-image", "url("+$(this).data("background-image")+")");
});

if ($(banner_id+" > ul.slider > li").size() < 2) {
    $(banner_id).find(".move_right").hide();
}
$(banner_id).find(".move_left").hide();

}

function initialize_parallax() {
  $(".responsive_wrapper").each(function() {
    var base_width = $(this).data("width");
    var base_height = $(this).data("height");
    $(this).css({
        "max-width": base_width+"px",
        "max-height": base_height+"px"
    });
    $(this).find(".responsive").each(function() {
        $(this).css({
            "width": $(this).data("width")/base_width*100 + "%", 
            "height": $(this).data("height")/base_height*100 + "%", 
            "left": $(this).data("pos-x")/base_width*100 + "%", 
            "top": (parseInt($(this).data("pos-y"))/base_height*100) + "%",
        });
    });
});
}

$(document).ready(function() {
  /* parallax positioning */
  // $(".verus-cms .parallax").insertAfter( $(".page-header") );
  $("#product-list-toolbar2").prependTo(".col-main");

  initialize_parallax();
  initialize_banner_slider("#top_banner");
  initialize_banner_slider("#lific_banner");
函数初始化标题滑块(标题id){
如果($(banner\u id).size()0){
$(banner\u id).find(“.on\u center”).removeClass(“on\u center”).addClass(“on\u left”);
make_center($(banner_id).find(“.on_right”).first();
if($(banner\u id).find(“.on\u right”).size()==0){
//隐藏箭头
$(banner_id).find(“.move_right”).hide();
}否则{
//显示箭头
$(banner_id).find(“.move_right”).show();
}
$(banner_id).find(“.move_left”).show();
}
返回false;
}
var move\u full\u card\u right=功能(banner\u id){
if($(banner\u id).find(“.on\u left”).size()>0){
$(banner\u id).find(“.on\u center”).removeClass(“on\u center”).addClass(“on\u right”);
make_center($(banner_id).find(“.on_left”).last();
if($(banner\u id).find(“.on\u left”).size()==0){
//隐藏箭头
$(banner_id).find(“.move_left”).hide();
}否则{
//显示箭头
$(banner_id).find(“.move_left”).show();
}
$(banner_id).find(“.move_right”).show();
}
返回false;
}
$(banner\u id)。查找(“.move\u left”)。单击(函数(){
返回移动卡右满(横幅id);
});
$(banner\u id)。查找(“.move\u right”)。单击(函数(){
返回移动卡左满(横幅id);
});
对于(var i=0,l=$(banner_id+“>ul.slider>li”).size();i索引){
$(此).removeClass(“在左上”).removeClass(“在左上”).addClass(“在右上”);
}else if(ndx==索引){
make_center($(this));
}
});
});
寻呼机附件($(banner_id+“ul.banner_pager”);
}
var first=真;
$(banner_id+“>ul.slider>li”)。每个(功能(元素){
如果(第一){
make_center($(this));
第一个=假;
}否则{
$(this.addClass(“在右边”);
}
$(this).on(“swipeleft”,function(){
返回移动卡左满(横幅id);
}).on(“swiperight”,函数(){
返回移动卡右满(横幅id);
});
$(this.css(“背景图像”,“url”(+$(this.data)(“背景图像”)+”));
});
如果($(banner_id+“>ul.slider>li”).size()<2){
$(banner_id).find(“.move_right”).hide();
}
$(banner_id).find(“.move_left”).hide();
}
函数初始化视差(){
$(“.responsive_wrapper”)。每个(函数(){
var base_width=$(此).data(“width”);
var base_height=$(此).data(“height”);
$(this.css)({
“最大宽度”:基本宽度+像素,
“最大高度”:基准高度+px
});
$(this.find(“.responsive”).each(function(){
$(this.css)({
“宽度”:$(this).data(“宽度”)/base_width*100+“%”,
“高度”:$(此).data(“高度”)/base_height*100+“%”,
“左”:$(this).data(“pos-x”)/base_width*100+“%”,
“顶部”:(parseInt($(this).data(“pos-y”)/base_height*100)+“%”,
});
});
});
}
$(文档).ready(函数(){
/*视差定位*/
//$(“.verus cms.parallax”).insertAfter($(“.page header”);
$(“#product-list-toolbar2”).prependTo(“.col main”);
初始化视差();
初始化横幅滑块(“顶部横幅”);
初始化条幅滑块(“lific条幅”);

您可以添加如下内容:

setInterval(function(){move_full_card_right(banner_id);},5000);

只要你能拿到横幅id,你就可以把它放在你的文档中。我不知道你是如何设置横幅id的,所以我帮不了你。你想让它在有人点击按钮时,或者两者都点击时,每隔一段时间滑动吗?我想在没有人点击按钮的情况下滑动它本身。它只在我点击寻呼机按钮时才起作用在导航上。没有点击,它只是静止不动。我会尝试现在做,谢谢你的帮助!!