查看: 60|回复: 1

问题求教

[复制链接]

该用户从未签到

1

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
发表于 2020-1-9 11:10:21 | 显示全部楼层 |阅读模式
图片轮播界面,在多次切换界面的情况下,偶现图片位置不固定,图片出现缩放的情况(cube)
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

4

积分

新手上路

Rank: 1

积分
4
 楼主| 发表于 2020-1-9 11:12:09 | 显示全部楼层
代码如下:

//配置广告信息
   getAdv();
   function getAdv(){
    var arrPicName = [],
        arrPicTime = [],
        strNodePath = "MatPic",
        strNodeType = "Pic";
    var result = getAdvInfo.getAdvInfo(strNodePath, arrPicName, arrPicTime, "","",strNodeType);
    var AdvHtml="";
    if (result) {
        var k = 0;
        for (var i = 0, len = arrPicName.length; i < len; i++) {
            if(arrPicName[i]!=undefined){
                    AdvHtml = AdvHtml + "<div class='swiper-slide'><img style='width:53vw; height:29.7vw' src='MatPic/" + arrPicName[i] + "'></div>";
                    k++;
            }
        }
        if (k == 0) {
            AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_1.jpg'></div>";
            AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_2.jpg'></div>";
            AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_3.jpg'></div>";
        }
    }else{
        AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_1.jpg'></div>";
        AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_2.jpg'></div>";
        AdvHtml = AdvHtml + "<div class='swiper-slide'><img class='pic' src='Picture\\AdvertisementPicture\\waitcard\\ddkh_3.jpg'></div>";
    }
    var swiperHtml='<div class="swiper-container">\n'+'<div class="swiper-wrapper">\n'+AdvHtml+'</div>\n'+'</div>';
    wsap.addHTML(swiperHtml);
    //初始化滑动窗口
    var mySwiper = new Swiper('.swiper-container',{
        effect : 'cube',
    cubeEffect: {
    slideShadows: true,
    shadow: true,
    shadowOffset: 700,
    shadowScale: 12,
  },
    autoplay : 4000,
    autoplayDisableOnInteraction : false,
     loop : true,
    })};
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2020-1-22 20:14 , Processed in 0.065179 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表