缘多多
缘多多
  • 发布:2016-04-19 17:58
  • 更新:2016-04-19 19:45
  • 阅读:3961

图片轮播功能实现了但图片不显示

分类:MUI

使用的angularjs的框架,js写在控制器中
下面是html部分:

<div class="mui-content">  
    <div id="slider" class="mui-slider height-slider">  
        <div class="mui-slider-group mui-slider-loop">  
            <div class="mui-slider-item mui-slider-item-duplicate">  
                <a ng-href="http://baidu.com">  
                    <img src="../images/check.png">  
                    <p class="mui-slider-title">静静看这世界</p>  
                </a>  
            </div>  
            <div class="mui-slider-item">  
                <a ng-href="#">  
                    <img src="../images/icon_17.jpg">  
                    <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                </a>  
            </div>  
            <div class="mui-slider-item">  
                <a ng-href="#">  
                    <img src="../images/icon_17.jpg">  
                    <p class="mui-slider-title">想要一间这样的木屋,静静的喝咖啡</p>  
                </a>  
            </div>  
            <div class="mui-slider-item">  
                <a ng-href="#">  
                    <img src="../images/icon_17.jpg">  
                    <p class="mui-slider-title">Color of SIP CBD</p>  
                </a>  
            </div>  
            <div class="mui-slider-item">  
                <a ng-href="http://baidu.com">  
                    <img src="../images/check.png">  
                    <p class="mui-slider-title">静静看这世界</p>  
                </a>  
            </div>  
            <div class="mui-slider-item mui-slider-item-duplicate">  
                <a ng-href="#">  
                    <img src="../images/icon_17.jpg">  
                    <p class="mui-slider-title">幸福就是可以一起睡觉</p>  
                </a>  
            </div>  
        </div>  
        <div class="mui-slider-indicator mui-text-right">  
            <div class="mui-indicator mui-active"></div>  
            <div class="mui-indicator"></div>  
            <div class="mui-indicator"></div>  
            <div class="mui-indicator"></div>  
        </div>  
    </div>  
</div>

下面是js部分:

var gallery = mui('.mui-slider');  
                gallery.slider({  
                interval:4000//自动轮播周期,若为0则不自动播放,默认为0;  
            });

已经确认图片路径没问题,jpg和png格式都实验过了,手机上和模拟器上都不显示图片,只显示占位图,然后可以看到轮播效果和下方的介绍文字。

2016-04-19 17:58 分享
已邀请:
缘多多

缘多多 (作者)

问题已解决,Hbuilder提示的路径不对。。。Hbuilder提示的路径不对。。。Hbuilder提示的路径不对。。。无力吐槽。。。

缘多多

缘多多 (作者)

是因为我使用了ng-repeat了么?

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