// 图片展示效果
let dth_abim = (clas) => {

    let clas_ = $("." + clas);
    clas_.find("ul").removeclass("list-paddingleft-2");
    let clas_li = clas_.find("li");
    for (let i = 0; i <= clas_li.length - 1; i++) {
        clas_li.eq(i).on("click", function() {
            if ($("#dth_album_wa").length == 0) {
                $("body").append('<div id="dth_album_wa"></div>'); //插入标签
                $("#dth_album_wa").html(clas_.html());
                let win_wi = $(window).width();
                let dth_ablum = $("#dth_album_wa");
                // dth_ablum.find("ul").width(win_wi * (dth_ablum.find("li").length));
                dth_ablum.find("li").width(win_wi);
                $(window).on('scroll', function() {
                    let win_wi = $(window).width();
                    dth_ablum.find("li").width(win_wi);
                });

                dth_ablum.find("li").eq(0).addclass("dth");
                dth_ablum.find("li").eq(1).addclass("dth_pre");
                dth_ablum.find("li").eq(dth_ablum.find("li").length - 1).addclass("dth_nex");
                dth_ablum.append('<div class="dth_album_jtl dth_album_jt">&lt;</div><div class="dth_album_jtr dth_album_jt">&gt;</div>');
                $(".dth_album_jtl").on("click", function() {
                    dth_ablum.find("li.dth").addclass("dth_pre").siblings("li").removeclass("dth_pre");
                    dth_ablum.find("li.dth_nex").addclass("dth").siblings("li").removeclass("dth");
                    dth_ablum.find("li.dth").removeclass("dth_nex");
                    dth_ablum.find("li").eq($("#dth_album_wa").find("li.dth").index() - 1).addclass("dth_nex");
                });
                $(".dth_album_jtr").on("click", function() {
                    dth_ablum.find("li.dth").addclass("dth_nex").siblings("li").removeclass("dth_nex");
                    dth_ablum.find("li.dth_pre").addclass("dth").siblings("li").removeclass("dth");
                    dth_ablum.find("li.dth").removeclass("dth_pre");
                    dth_ablum.find("li").eq($("#dth_album_wa").find("li.dth").index() - 1).addclass("dth_pre");
                });

                dth_ablum.append('<span class="dth_album_close"></span>');
                $(".dth_album_close").on("click", function() {
                    $("#dth_album_wa").remove();
                })
            }
        })
    }
};


// 图片宽度翻转

let dth_img_totat = (clas) => {
    let clas_ = clas;
    let lis = $('.' + clas_ + ' li');
    for (let i = 0; i <= lis.length - 1; i++) {
        if (!lis.eq(i).hasclass('cur')) {
            lis.eq(i).mouseenter(function() {
                lis.eq(i).find('a').eq(0).stop(true).animate({
                    width: 0,
                }, 160);
                lis.eq(i).find('a').eq(1).stop(true).delay(160).animate({
                    width: 178,
                }, 160);
            }).mouseleave(function() {
                lis.eq(i).find('a').eq(1).stop(true).animate({
                    width: 0,
                }, 160);
                lis.eq(i).find('a').eq(0).stop(true).delay(160).animate({
                    width: 178,
                }, 160);
            });
        }
    }
};

// 时间轴加载点
let dth_time_dots = (clase) => {
    let clas_ = ("." + clase);
    let dots_li = $(clas_).find("li");
    let biaoqi1 = "<span class='dth_dots'></span>";
    dots_li.append(biaoqi1);

    for (let i = 0; i <= dots_li.length - 1; i++) {
        dots_li.eq(i).children("div").attr("aos", "fade-up");
    }

}