Angular 10 Image and Video Lightbox Slider Using ng-image-slider Library Full Example 2020

 

Welcome folks today in this blog post we will be building a image and video lighbox slider in Angular 10 Full tutorial from scratch. All the source code will be given below. A step by step youtube video is shown below.

 

 

 

 

 

Get Started

 

 

In order to get started you need to install these dependencies inside your angular project

 

npm i ng-image-slider

 

npm i random-image-js

 

After installing these dependencies inside your app.module.ts file include the image slider library as shown below.

 

 

 

Now inside your app.component.html file include the slider like this

 

 

 

Now inside the app.component.ts file copy paste the following code to it to get the random images and convert it to a image slider.

 

 

 

 

 

 

 

 

 

Leave a Reply