地质所 沉降监测网建设项目
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
46
47
48
49
50
51
52
53
54
55
56
57
(function ($) {
    $.extend({
        album:{
            initAlbum:function(containerId,code,url){
                var reqUrl="";
                if($.common.isNotEmpty(url)){
                    reqUrl=url;
                }else{
                    reqUrl=ctx+"cms/album/getAlbum";
                }
                $.ajax({
                    url: reqUrl,
                    type: "post",
                    dataType: "json",
                    data: {"code":code},
                    success: 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);