Smail LOUNES smaillns

Cloud Developer

smaillns / index.html

Last active August 3, 2021 16:01

	<!-- index.html -->
	<!doctype html>
	<head>
	...
	<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=visualization"></script>
	</head>

smaillns / product-gallery.component.scss

Created July 10, 2020 19:38

smaillns / product-gallery.component.html

Last active July 10, 2020 19:35

	<div class="gallery-container">

	<div class="product-gallery__featured">
	<owl-carousel-o [options]="{items: 1, dots:false, margin:8, autoWidth: autoWidth}" #owlCar>
	<ng-container *ngFor="let image of productImages">
	<ng-template carouselSlide [id]="image.url" [width]="imageSize">
	<img [src]="image.url">
	</ng-template>
	</ng-container>
	</owl-carousel-o>

smaillns / product-gallery.component.ts

Created July 10, 2020 19:23

Pretty simple Image gallery in angular

	import {Component, OnInit} from '@angular/core';

	@Component({
	selector: 'app-product-gallery',
	templateUrl: './product-gallery.component.html',
	styleUrls: ['./product-gallery.component.scss']
	})
	export class ProductGalleryComponent implements OnInit {

	productImages = [ {url: 'assets/images/produit1.jpg'},