docs(demos): update slides demo

references #5311

demos/slides/index.ts

@@ -1,46 +1,6 @@
-import {App, IonicApp} from 'ionic/ionic';
+import {App} from 'ionic/ionic';
-import {Http} from 'angular2/http';
 
 @App({
   templateUrl: 'main.html',
 })
-class ApiDemoApp {
+class ApiDemoApp {}
-  constructor(private app: IonicApp, http: Http) {
-    this.http = http;
-    this.extraOptions = {
-      loop: true
-    };
-    this.images = [];
-
-    let tags = "amsterdam";
-    let FLICKR_API_KEY = '504fd7414f6275eb5b657ddbfba80a2c';
-    let baseUrl = 'https://api.flickr.com/services/rest/';
-
-    this.http.get(baseUrl + '?method=flickr.groups.pools.getPhotos&group_id=1463451@N25&safe_search=1&api_key=' + FLICKR_API_KEY + '&format=json&nojsoncallback=1&tags=' + tags).subscribe(
-      data => {
-        let val = data.json();
-        this.images = val.photos.photo.slice(0, 20);
-        setTimeout(() => {
-          this.slider.update();
-        });
-      },
-      err => console.log(err),
-      () => console.log('complete')
-    );
-  }
-
-  ngOnInit() {
-    setTimeout(() => {
-      this.slider = this.app.getComponent('slider');
-      console.log('Got slider', this.slider);
-    });
-  }
-
-  getImageUrl(item) {
-    return "http://farm"+ item.farm +".static.flickr.com/"+ item.server +"/"+ item.id +"_"+ item.secret + "_z.jpg";
-  }
-
-  doRefresh() {
-    console.log('DOREFRESH')
-  }
-}

demos/slides/main.html

@@ -1,13 +1,5 @@
-<ion-slides [options]="extraOptions" id="slider" style="background-color: black" zoom>
+<ion-slides loop="true" style="background-color: black">
-  <ion-slide *ngFor="#image of images">
+  <ion-slide *ngFor="#image of [1,2,3,4,5]">
-    <img data-src="{{getImageUrl(image)}}" slide-lazy>
+    <img data-src="./slide{{image}}.jpeg">
   </ion-slide>
 </ion-slides>
-<style>
-
-ion-scroll {
-  width: 100%;
-  height: 100%;
-}
-
-</style>