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

使用的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格式都实验过了，手机上和模拟器上都不显示图片，只显示占位图，然后可以看到轮播效果和下方的介绍文字。