UIScrollPicture图片在页面中显示不出来

心知向之

各位大佬，如题如图所示。我图片的路径写对了啊，但是图片没显示出来那？   文件路径如下图： 。   求解疑！   代码如下：apiready = function () {var UIScrollPicture = api.require('UIScrollPicture');
UIScrollPicture.open({
  rect: {
      x: 0,
      y: 0,
      w: api.winWidth,
      h: api.winHeight / 2
  },
  data: {
      paths: [
          'widget://res/img/header.png',
          'widget://res/img/header.png',
          'widget://res/img/header.png',
          'widget://res/img/header.png'
      ],
      captions: ['apicloud', 'apicloud', 'apicloud', 'apicloud']
  },
  styles: {
      caption: {
          height: 35,
          color: '#E0FFFF',
          size: 13,
          bgColor: '#696969',
          position: 'bottom'
      },
      indicator: {
          align: 'center',
          color: '#FFFFFF',
          activeColor: '#DA70D6'
      }
  },
  placeholderImg: 'widget://res/slide1.jpg',
  contentMode: 'scaleToFill',
  interval: 3,
  fixedOn: api.frameName,
  loop: true,
  fixed: false
}, function(ret, err) {
  if (ret) {
      alert(JSON.stringify(ret));
  } else {
      alert(JSON.stringify(err));
  }
});
    }

川哥哥

你的res文件夹根本不存在怎么会显示图片,你换一下图片路径，你的代码用的是模块示例代码，图像路径要换成自己的图像路劲赛。

心知向之

川哥哥 发表于 2017-7-6 03:28
你的res文件夹根本不存在怎么会显示图片,你换一下图片路径，你的代码用的是模块示例代码，图像路径要换成自 ...

大佬，那个图可能是我截的不对，我换成我自己路径了。我重新弄了个，直接WiFi同步，下边的点出来了，但是图片不显示那还是，点也能滑动。 我结构如下图：

xvetang

心知向之 发表于 2017-7-6 08:25
大佬，那个图可能是我截的不对，我换成我自己路径了。我重新弄了个，直接WiFi同步，下边的点出来了，但是 ...

你全量真机同步

心知向之

发现问题了，编译后效果有，但是图片被覆盖了，用手往下使劲拉，轮播图才显示出来。如下图是下拉到底部的效果： 。  刚进来是通过frame跳入带轮播图的页面的，怎么设置合适的frame和UIScrollPicture的高度，跳转后轮播图才不会被覆盖那？求教  首页的跳转如下：

xvetang

心知向之 发表于 2017-7-6 12:00
发现问题了，编译后效果有，但是图片被覆盖了，用手往下使劲拉，轮播图才显示出来。如下图是下拉到底部的效 ...

fixedOn：

类型：字符串类型
描述：（可选项）模块视图添加到指定 frame 的名字（只指 frame，传 window 无效）
默认：模块依附于当前 window
fixed:

类型：布尔
描述：（可选项）模块是否随所属 window 或 frame 滚动
默认值：true（不随之滚动）


设置这两个

心知向之

xvetang 发表于 2017-7-6 12:19
fixedOn：

类型：字符串类型

大佬，设置fixed:true，可以显示轮播图片了。但是有两个问题：1.不随屏幕上下滑动；2.如果轮播图片设置的高度过大，就会覆盖下边的div。 这怎么解决啊？ 代码、效果如下：styles: {          caption: {
              height: 35,
              color: '#E0FFFF',
              size: 13,
              bgColor: '#696969',
              position: 'bottom'
          },
          indicator: {
              align: 'center',
              color: '#FFFFFF',
              activeColor: '#DA70D6'
          }
      },
      placeholderImg: 'widget://img/header.png',
      contentMode: 'scaleToFill',
      interval: 3,
      fixedOn: api.frameName,
      loop: true,
      fixed: true
  }, function(ret, err) {
      if (ret) {
          alert(JSON.stringify(ret));
      } else {
          alert(JSON.stringify(err));
      }
  });

心知向之

xvetang 发表于 2017-7-6 11:58
你全量真机同步

恩大佬，和这个有关系吗？我WiFi真机下滑也出不来图片。 编译后下滑可以把被覆盖的轮播图显示出来

心知向之

xvetang 发表于 2017-7-6 12:19
fixedOn：

类型：字符串类型

大佬，设置fixed:true，轮播图能正常显示了。 但是有个问题：从首页进入的每个子页中都有轮播图了那！我只需要在首页上有一个轮播图就可以。我首页是index.html，点首页进入的是default.html，设置fixed为true后，为什么别的页也有了那？  还有别的方式吗？

odiimdhza

心知向之 发表于 2017-7-6 23:16
大佬，设置fixed:true，轮播图能正常显示了。 但是有个问题：从首页进入的每个子页中都有轮播图了那！我 ...

fixedOn：

类型：字符串类型
描述：（可选项）模块视图添加到指定 frame 的名字（只指 frame，传 window 无效）
默认：模块依附于当前 window


这个你没设置啊，你用api.openFrame打开页面，再打开这个模块，然后设置为fixedOn:api.frameName