![]() ![]() Nothing matters if your views will be good or bad because with your views, I will make my next posts more good and helpful. I will appreciate that if you will tell your views for this post. Note: Friends, In this post, I just tell the basic setup and things, you can change the code according to your requirements. If you have any kind of query, suggestion and new requirement then feel free to comment below. 'source': 'youtube', //vimeo, youtube or localįriends in the end must run ng serve command into your terminal to run the angular 12 project. Swiper Posts with mentions or reviews of Swiper. ![]() Now friends we just need to add below code into src/app/ file . For example, an activity of 9.0 indicates that a project is amongst the top 10 of the most actively developed projects that we are tracking. "node_modules/glightbox/dist/js/glightbox.js" "node_modules/glightbox/dist/css/glightbox.css" Now friends we just need to add below code into angular.json file: "styles": [ Here you can find the detailed examples of deferent kind of markups. But i suggest you to use the following markup. Now friends we just need to add below code into src/app/ file to get final out on the web browser: lightgallery does not force you to use any kind of markup. View on GitHub Click on any thumbnail to open lightGallery Modern lightGallery is built with most modern technologies available to achieve the best performance and quality. Available for React.js, Vue.js, Angular, and TypeScript. Now friends, here we need to run below commands into our project terminal to install glightbox modules into our angular application: npm i glightbox 3. lightGallery A lightweight, modular, JavaScript image and video lightbox gallery plugin. Secondly we should also have latest node version installed on our system: npm install -g new angulardemo //Create new Angular ProjectĬd angulardemo // Go inside the Angular Project Folder 2. Firstly friends we need fresh angular 12 setup and for this we need to run below commands but if you already have angular 12 setup then you can avoid below commands. How to open & play video inside lightbox in angular 12?Īngular 12 came and Bootstrap 5 also and if you are new then you must check below two links:įriends now I proceed onwards and here is the working code for snippet glightbox in angular 12 and please use carefully this to avoid the mistakes: 1.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |