title: Ionic (angularjs) ion-slide-box fails to render correctly from remote server
body: <p>I'm working on an ionic project with angularjs which i'm trying to display some carousel images. What happens is when i test from localhost the images displays correctly but when i upload to the server and tries to get the images from the server the carousel appears destroys</p>
  
  <p>JS</p>
  
  <pre><code>    $http.get('http://mywebserver.com/events/event_sliders.php?group_id='+$scope.group_id).success(function(data){
         $scope.slider=data;
         console.log(JSON.stringify(data));
     });
  }])
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>  &lt;ion-slide-box on-slide-changed="slideHasChanged($index)" auto-play="true" does-continue="true"&gt;
  
              &lt;ion-slide ng-repeat="item in slider"&gt;
                  &lt;div class="box blue"&gt;
                  &lt;img ng-src="http://mywebserver.com/events/{{item.img}}" class="banner" /&gt;
                  &lt;/div&gt;
              &lt;/ion-slide&gt;
              &lt;ion-slide&gt;
  </code></pre>
  
  <p>When i reference from localhost i get the display below
  <a href="https://i.stack.imgur.com/aF63L.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aF63L.jpg" alt="enter image description here"></a></p>
  
  <p>And where i reference from the server i get the display below</p>
  
  <p><a href="https://i.stack.imgur.com/idLcF.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/idLcF.jpg" alt="enter image description here"></a></p>