используя Ionic framework, локальный дисплей изображения отлично в chrome, но не в моем телефоне android

Я новичок в ionic framework.Я хотел использовать slide box в моем приложении и изменил фоновый рисунок в css.Я использую как локальные изображения, так и изображения из внешней ссылки.все изображения могут быть показаны идеально в chrome,но когда я открываю APK в моем Samsung note два телефона,никаких изображений, даже местное изображение не отображается. Я пытался установить плагин whitelist.Но это pop ошибка приложения, когда я установил APK.
Я добавляю это в config.XML

 <access origin="*"/>

это мой индекс.HTML-код

 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width";
      content="default-src *; img-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

это моя вкладка-фото.HTML-код

<ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true" slide-interval=2000 show-pager="true" pager-click="pageClick(index)" active-slide="model.activeIndex" delegate-handle="delegateHandler">
  <ion-slide>
    <div class="box blue">
      <img src="http://ww4.sinaimg.cn/thumb300/006sZhgkjw1fb5fr6jpbfj30w01kwk26.jpg">
    </div>
  </ion-slide>
  <ion-slide>
    <div class="box yellow">
      <img src="assets/h.jpg">
    </div>
  </ion-slide>
  <ion-slide>
    <div class="box pink">
      <img src="assets/hh.jpg">
    </div>
  </ion-slide>
</ion-slide-box>

это мой стиль.код CSS

.circular {
width: 150px;
height: 150px;
border-radius: 50%;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border: solid;
background: url(../assets/duck%20cai.jpg) no-repeat;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;

}

честно говоря,я не уверен в использовании плагина whitelist, нужно ли локальное изображение также получить разрешение?
спасибо всем, помогите я мог бы совле проблема перед DDL12.31.МАЛЫШ