0.0.4 • Published 5 years ago
vkc-gallery v0.0.4
vc-gellary
This package is is for those who want to display images and youtube embed videos in a gallery.
You only need to pass urls in the array as
[{url : "" , thumbneil: ""}]
Prerequisites
1) Bootstrap
2) [safe-pipe] https://www.npmjs.com/package/safe-pipe
Installation
Use the package manager npm to install gallery.
npm i vkc-gallery
you alse need to install safe pipe using command npm i safe-pipe
Usage
In your app.module.ts file
import {VckGalleryModule} from 'vkc-gallery'
NgModule({
declarations: [
AppComponent
],
imports: [
VckGalleryModule,
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
In Your html add below lines :
<lib-vkc-gallery [image]=image_list></lib-vc-gellary>
In your component add below lines :
image_list = [
{url :'file_path.jpg', thumbneil :'file_path.jpg'},
{url :'https://www.youtube.com/embed/rI3p3RAtGuE', thumbneil :'file-1557138373900.jpg'}
];
This module can accept any type of image and embed youtube link , but in thumbneil key ypu need to pass the image which you want to show as the video thumbneil.
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
License
Open source