External images doesn't load and i get responseError

Hello, i am making iOS application and today i get the Apple developer certificate and start to test my app on iPhone ( simulator is too slow) but i have some issues which i cannot find answers on the internet …
when my application loads , after the splash screen i get the error message " index.html resposeError " press ok , and also i cant load my images and fonts to application , i got error in debugger that the resources not found !
i have made the image folder and font inside the www directory and i calling it in scss file like this : "/img/back-wallpaper.png" , but when i look up on debugger , ionic refers to all files like this : file:///var/mobile/Containers/bundle/Applications/.../appname/www/app.js ,
but for the images its refers like this: file:///img/back-wallpaper.png

my system information :

Cordova CLI: 5.3.3
Gulp version:  CLI version 3.8.11
Gulp local:   Local version 3.9.0
Ionic Version: 1.0.1
Ionic CLI Version: 1.7.7
Ionic App Lib Version: 0.6.3
ios-deploy version: 1.8.2 
ios-sim version: 5.0.3 
OS: Mac OS X El Capitan
Node Version: v0.10.27
Xcode version: Xcode 7.1 Build version 7B91b  

also i have the whitelist plugin installed

my index.html

<!DOCTYPE html>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <!-- compiled css output -->
    <link href="css/ionic.app.css" rel="stylesheet">

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="lib/ngCordova/dist/ng-cordova.js"></script>
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="angular-resource/angular-resource.js"></script>
    <script src="js/app.js"></script>
    <script src="js/resources.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
  <body ng-app="starter">

  <ion-nav-bar class="est-border-bar">
    <ion-nav-back-button id="est-arrow-color">
      The nav bar that will be updated as we navigate between views.
      The views will be rendered in the <ion-nav-view> directive below
      Templates are in the /templates folder (but you could also
      have templates inline in this html file if you'd like).
    <ion-nav-view animation="slide-left-right"></ion-nav-view>

Ok i fixed, sees i should refer to images like this : …/img/back-wallpaper.png !