用APICloud轮播插件时在上面固定一个div，图片轮播，div不动

口眉粉黛 · *发表于 2016-10-25 16:40:16*

做的是一个三张轮播图，但是下方想添加一个连接，立即体验，所以想让这三个图片自动播放，立即体验这个不动，怎么实现，我做的是图片把字给压下面了

zhiuzun · 回复于2016-10-25 16:51:10

UIScrollPicture是这个模块吗，设置其显示位置就行了，在最上面写个DIV，这个模块一定要固定在这个页面上

口眉粉黛 · 回复于2016-10-25 23:09:19

zhiuzun 发表于 2016-10-25 16:51
UIScrollPicture是这个模块吗，设置其显示位置就行了，在最上面写个DIV，这个模块一定要固定在这个页面上 ...

嗯，我是这样写的，固定了div的位置，但是不对啊。后来直接加了定时器，自己跳转

<body>
<div class="fot"><a href="index.html">立即体验</a></div>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript">

      function jumpurl(){
      location='index.html';
      }
      setTimeout('jumpurl()',6000);

apiready = function(){


      var UIScrollPicture = api.require('UIScrollPicture');
      UIScrollPicture.open({
         rect: {
            x: 0,
            y:0,
            w: api.winWidth,
            h: api.winHeight,

         },
         data: {
            paths: [
                  'widget:/image/nav3.png',
                  'widget:/image/nav2.png',
                  'widget:/image/nav1.png',
            ],

         },
         styles: {
            caption: {
                  height: 35,
                  color: '#E0FFFF',
                  size: 13,
                  bgColor: '#696969',
                  position: 'bottom'
            },
            indicator: {
                  align: 'center',
                  color: '#FFFFFF',
                  activeColor: '#DA70D6'
            }
         },
         placeholderImg: 'widget:/image/loading_more.jif',
         contentMode: 'scaleToFill',
         interval: 2,
         fixedOn: api.frameName,
         loop: true,
         fixed: false
      }, function(ret, err) {
         if (ret) {

         } else {

         }
      });
}

新龍 · 回复于2016-10-26 01:28:21

fixedOn: api.frameName 这个，改成你frame的名字啊。还有把这个模块打开时的rect y的位置，高度都控制下，能显示你div啊

黄嘉 · 回复于2016-10-26 09:43:09

轮播图本来就可以点进去，你还加一个按钮做广告吗？

BIP23239446 · 回复于2016-10-26 09:47:54

同意楼上，，轮播图本来就可以点击，为何加一个按钮做广告，，，你如果想点击图片，就写一个数组，数组的长度与你轮播图的数量一致，如果你想点击那个图片就在数组的那个位置写一个地址，不想点击跳转用空代替，

口眉粉黛 · 回复于2016-10-26 13:25:14

黄嘉发表于 2016-10-26 09:43
轮播图本来就可以点进去，你还加一个按钮做广告吗？

不知道哦，自己刚开始学，感觉什么都不会啊

开发猿 · 回复于2016-10-26 13:35:21

口眉粉黛发表于 2016-10-26 13:27
嗯，多谢，我不会加，引用的模块都是js运行代码，怎么把模块加到页面的一个div里面啊 ...

UIScrollPicture是有rect变量控制模块的位置，你可以在页面预留宽度然后把这个模块设置的这个位置上

黄嘉 · 回复于2016-10-26 14:17:13

口眉粉黛发表于 2016-10-26 13:25
不知道哦，自己刚开始学，感觉什么都不会啊

直接用轮播里的回调就可以了

Fecker · 回复于2016-12-15 20:39:36

从数据库获取图片路径就行，轮播用H5

[开发工具] 用APICloud轮播插件时在上面固定一个div，图片轮播，div不动