<!-- Container for the image gallery -->
<div class="container">

	<!-- Full-width images with number text -->
	<div class="mySlides" *ngFor="let i of images; let in = index">
		<ng-container *ngIf="selected == in">
			<div class="numbertext"> {{ in + 1 }} / {{ images.length }}</div>
			<button routerLink="/informacion/{{ i.name }}" style="padding: 0; margin: 0; border: 0;">
				<img draggable="false" src="{{ i.url }}" style="width: 100%;">
			</button>
		</ng-container>
	</div>

	<!-- Next and previous buttons -->
	<a class="prev" (click)="previous()">&#10094;</a>
	<a class="next" (click)="next()">&#10095;</a>

	<!-- Thumbnail images-->
	<div class="row">
		<div class="column" *ngFor="let i of images; let in = index">
			<img draggable="false" class="demo cursor" src="{{ i.url }}" style="width:100%"
				(click)="select(in)">
		</div>
	</div>

	<h1>Novedades:</h1>
</div>