地质所 沉降监测网建设项目
zmk
2024-05-22 28e168f05d3eb48223e69064188c6fce786442d4
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
(function ($) {
    $.extend({
        album:{
            initAlbum:function(containerId,code){
                $.operate.ajaxPost(ctx+"cms/album/getAlbum",{"code":code},function(json){
                    if(json.code!=0&&json.code!='0'){
                        console.log("initAlbum失败!"+json.msg);
                        $.modal.alertError(result.msg);
                    }
                    var swiperContainer="";
                    swiperContainer+='<div class="swiper-container">';
                    swiperContainer+=' <div class="swiper-wrapper"></div>';
                    swiperContainer+='  <div class="swiper-pagination"></div>';
                    swiperContainer+=' <div class="swiper-button-prev"></div>';
                    swiperContainer+=' <div class="swiper-button-next"></div></div>';
                    $("#"+containerId).append(swiperContainer);
                    var width=json.data.width;
                    var height=json.data.height;
                    var html="";
                    var imgs=json.data.images;
                    for(var i=0;i<imgs.length;i++){
                        if(ctx=='/'){
                            html+="<div class=\"swiper-slide\"><img src=\""+imgs[i].savePath+"\"/></div>";
                        }else{
                            html+="<div class=\"swiper-slide\"><img src=\""+ctx+imgs[i].savePath+"\"/></div>";
                        }
 
                    }
                    $(".swiper-container").css("width",width+"px").css("height",height+"px");
                    $(".swiper-wrapper").html(html);
                    var mySwiper = new Swiper ('.swiper-container', {
                        loop: true,
                        pagination: {
                            el: '.swiper-pagination',
                        },
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev',
                        }
                    })
                })
            }
        }
    });
})(jQuery);