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