Starting in viewer image BenjaminBrandmeier#26 - Added parameter that…

… opens viewer on first image when the gallery is first loaded or if the user changes gallery. Also updated README to include Parameter.

README.md

@@ -84,7 +84,8 @@ Additional optional parameter to support multiple galleries. Add it if you want
     [flexBorderSize]="3" 
     [flexImageSize]="7"
     [galleryName]="'yourGalleryName'" 
-    (viewerChange)="yourNotificationFunction($event)">
+    (viewerChange)="yourNotificationFunction($event)"
+    [startInViewer]=false>
 </gallery>
 ```
 

src/app/gallery/gallery.component.ts

@@ -17,6 +17,8 @@ export class GalleryComponent implements OnInit, OnDestroy, OnChanges {
     @Input('flexImageSize') providedImageSize: number = 7
     @Input('galleryName') providedGalleryName: string = ''
     @Input('metadataUri') providedMetadataUri: string = undefined
+    @Input('startInViewer') providedStartInViewer: boolean = false;
+
 
     @Output() viewerChange = new EventEmitter<boolean>()
 
@@ -92,6 +94,10 @@ export class GalleryComponent implements OnInit, OnDestroy, OnChanges {
                     // twice, single leads to different strange browser behaviour
                     this.render()
                     this.render()
+                     if(this.providedStartInViewer ){
+                        this.openImageViewer(this.images[0]);
+                    }
+
                 },
                 err => this.providedMetadataUri ?
                   console.error("Provided endpoint '"+this.providedMetadataUri+"' did not serve metadata correctly or in the expected format. \n\nSee here for more information: https://github.com/BenjaminBrandmeier/angular2-image-gallery/blob/master/docs/externalDataSource.md,\n\nOriginal error: " + err) :