小权
小权
  • 发布:2015-07-27 00:26
  • 更新:2015-08-02 12:59
  • 阅读:2999

slider轮播循环时,高度有问题

分类:MUI

html代码:
<div id="slider" class="mui-slider">
<div class="mui-slider-group mui-slider-loop">
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="3.jpg" /></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="images/slider/1.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="images/slider/2.jpg"></a>
</div>
<div class="mui-slider-item">
<a href="#"><img src="images/slider/3.jpg"></a>
</div>
<div class="mui-slider-item mui-slider-item-duplicate">
<a href="#"><img src="images/slider/1.jpg" /></a>
</div>
</div>
<div class="mui-slider-indicator">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
<div class="mui-indicator"></div>
</div>
</div>

JS:
mui.init();
mui.plusReady(function() {
mui("#slider").slider({
interval: 3000
});
})

要循环必须加入重复节点,添加类 mui-slider-item-duplicate,但出现高度问题如图。(真机调试一样问题。)

2015-07-27 00:26 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

看你贴出来的代码,怎么有个 src="3.jpg" ,是不是路径不对

刘俊朋

刘俊朋

我记得这个是, 因为图片尺寸大小的事. 你弄一样尺寸图片就好了.

  • 小权 (作者)

    不是的,轮播3个图片尺寸是一致的。是加上 mui-slider-loop类就有这个问题,否则没有


    2015-07-27 11:56

小权

小权 (作者)

好吧,确实是我代码中一个路径的问题

该问题目前已经被锁定, 无法添加新回复