Responsive Lightbox Photo Zooming Plugin Magnific Popup

Responsive Lightbox Photo Zooming Plugin Magnific Popup Plugin - HindimeJankari.com

Magnific Popup is a very light weight Photo Zooming Lightbox Plugin. Million People are using for plugin. Magnific Popup is not only using photo zoom, you also use for youtube video, vimeo video, Google Map and many more features. Setup for your website so i give a step by step tutorial.

1st Step : Add a CSS file in your CSS folder and link to your index page inside a head tag.
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
2nd Step : Add a JQuery file & JQuery CDN file in your JS folder and link to your index page inside a Body tag in Bottom. [note: first add JQuery CDN file and after add Magnific-popup js file]

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script> 
<script type="text/javascript" src="js/magnific-popup.js"></script>
3rd Step : Add a HTML Element from you body tags.
<a href="Select Your Image.jpg" class="test-image">Add Some Text or Images </a>
4th Step : This is a Last Progress for this plugin. Call to action a Magnific Popup Link.
<script>$(".test-image").magnificPopup({     type: 'image'     // other option});</script>
All the steps are complete so any problems for this plugin so please comment me on comment box.










Related Post

Next
Previous
Click here for Comments

0 comments:

Thnak You For Comment And For Your Question, Answer Very Soon.