LICENSE
1 year ago
README.md
1 year ago
jquery.magnific-popup.js
1 year ago
jquery.magnific-popup.min.js
1 year ago
magnific-popup.css
1 year ago
magnific-popup.min.css
1 year ago
README.md
80 lines
| 1 | **Important note** This jQuery plugin is deprecated, only critical or security bug fixes will be released in future. Use native `<dialog>` element if you need a basic dialog/modal/popup, or my <a href="https://photoswipe.com">PhotoSwipe</a> library if you need an advanced image gallery. Feel free to email me if you need assistance. |
| 2 | |
| 3 | [](https://savelife.in.ua/en/](https://savelife.in.ua/en/](https://savelife.in.ua/en/) |
| 4 | |
| 5 | # Magnific Popup Repository |
| 6 | |
| 7 | [](https://travis-ci.org/dimsemenov/Magnific-Popup](https://travis-ci.org/dimsemenov/Magnific-Popup](https://travis-ci.org/dimsemenov/Magnific-Popup) |
| 8 | |
| 9 | Fast, light and responsive lightbox plugin, for jQuery and Zepto.js. |
| 10 | |
| 11 | - [](http://dimsemenov.com/plugins/magnific-popup/documentation.htmlDocumentation and getting started guide](http://dimsemenov.com/plugins/magnific-popup/documentation.html](http://dimsemenov.com/plugins/magnific-popup/documentation.html). |
| 12 | - [](http://dimsemenov.com/plugins/magnific-popup/Examples and plugin home page](http://dimsemenov.com/plugins/magnific-popup/](http://dimsemenov.com/plugins/magnific-popup/). |
| 13 | - More examples in [](http://codepen.io/collection/nLcqoCodePen collection](http://codepen.io/collection/nLcqo](http://codepen.io/collection/nLcqo). |
| 14 | |
| 15 | Optionally, install via Bower `bower install magnific-popup` or npm: `npm install magnific-popup`. |
| 16 | [](https://rubygems.org/gems/magnific-popup-railsRuby gem](https://rubygems.org/gems/magnific-popup-rails](https://rubygems.org/gems/magnific-popup-rails): `gem install magnific-popup-rails`. |
| 17 | |
| 18 | ## Extensions |
| 19 | |
| 20 | - WordPress plugin - [](http://dimsemenov.com/plugins/magnific-popup/wordpress.htmlunder development](http://dimsemenov.com/plugins/magnific-popup/wordpress.html](http://dimsemenov.com/plugins/magnific-popup/wordpress.html). |
| 21 | - [](https://drupal.org/project/magnific_popupDrupal module](https://drupal.org/project/magnific_popup](https://drupal.org/project/magnific_popup). |
| 22 | - [](https://github.com/cdowdy/concrete5-Magnific-PopupConcrete5 add-on](https://github.com/cdowdy/concrete5-Magnific-Popup](https://github.com/cdowdy/concrete5-Magnific-Popup). |
| 23 | - [](http://www.redaxo.org/de/download/addons/?addon_id=1131Redaxo add-on](http://www.redaxo.org/de/download/addons/?addon_id=1131](http://www.redaxo.org/de/download/addons/?addon_id=1131). |
| 24 | - [](https://github.com/fritzmg/contao-magnific-popupContao extension](https://github.com/fritzmg/contao-magnific-popup](https://github.com/fritzmg/contao-magnific-popup). |
| 25 | |
| 26 | If you created an extension for some CMS, email me and I'll add it to this list. |
| 27 | |
| 28 | ## Location of stuff |
| 29 | |
| 30 | - Generated popup JS and CSS files are in folder [](https://github.com/dimsemenov/Magnific-Popup/tree/master/distdist/](https://github.com/dimsemenov/Magnific-Popup/tree/master/dist](https://github.com/dimsemenov/Magnific-Popup/tree/master/dist). (Online build tool is on [](http://dimsemenov.com/plugins/magnific-popup/documentation.htmldocumentation page](http://dimsemenov.com/plugins/magnific-popup/documentation.html](http://dimsemenov.com/plugins/magnific-popup/documentation.html)). |
| 31 | - Source files are in folder [](https://github.com/dimsemenov/Magnific-Popup/tree/master/srcsrc/](https://github.com/dimsemenov/Magnific-Popup/tree/master/src](https://github.com/dimsemenov/Magnific-Popup/tree/master/src). They include [](https://github.com/dimsemenov/Magnific-Popup/blob/master/src/css/main.scssSass CSS file](https://github.com/dimsemenov/Magnific-Popup/blob/master/src/css/main.scss](https://github.com/dimsemenov/Magnific-Popup/blob/master/src/css/main.scss) and js parts (edit them if you wish to submit commit). |
| 32 | - Website (examples & documentation) is in folder [](https://github.com/dimsemenov/Magnific-Popup/tree/master/websitewebsite/](https://github.com/dimsemenov/Magnific-Popup/tree/master/website](https://github.com/dimsemenov/Magnific-Popup/tree/master/website). |
| 33 | - Documentation page itself is in [](https://github.com/dimsemenov/Magnific-Popup/blob/master/website/documentation.mdwebsite/documentation.md](https://github.com/dimsemenov/Magnific-Popup/blob/master/website/documentation.md](https://github.com/dimsemenov/Magnific-Popup/blob/master/website/documentation.md) (contributions to it are very welcome). |
| 34 | |
| 35 | |
| 36 | |
| 37 | ## Using Magnific Popup? |
| 38 | |
| 39 | If you used Magnific Popup in some interesting way, or on site of popular brand, I'd be very grateful if you <a href='mailto:diiiimaaaa@gmail.com?subject="Site that uses Magnific Popup"'>email me</a> a link to it. |
| 40 | |
| 41 | |
| 42 | ## Build |
| 43 | |
| 44 | To compile Magnific Popup by yourself, first of make sure that you have [](http://nodejs.org/Node.js](http://nodejs.org/](http://nodejs.org/), [](https://github.com/cowboy/gruntGrunt.js](https://github.com/cowboy/grunt](https://github.com/cowboy/grunt), [](http://www.ruby-lang.org/Ruby](http://www.ruby-lang.org/](http://www.ruby-lang.org/) and [](https://github.com/mojombo/jekyll/Jekyll](https://github.com/mojombo/jekyll/](https://github.com/mojombo/jekyll/) installed, then: |
| 45 | |
| 46 | 1) Copy repository |
| 47 | |
| 48 | git clone https://github.com/dimsemenov/Magnific-Popup.git |
| 49 | |
| 50 | 2) Go inside Magnific Popup folder that you fetched and install Node dependencies |
| 51 | |
| 52 | cd Magnific-Popup && npm install |
| 53 | |
| 54 | 3) Now simply run `grunt` to generate JS and CSS in folder `dist` and site in folder `_site/`. |
| 55 | |
| 56 | grunt |
| 57 | |
| 58 | Optionally: |
| 59 | |
| 60 | - Run `grunt watch` to automatically rebuild script when you change files in `src/` or in `website/`. |
| 61 | - If you don't have and don't want to install Jekyll, run `grunt nosite` to just build JS and CSS files related to popup in `dist/`. |
| 62 | |
| 63 | |
| 64 | |
| 65 | ## [](https://github.com/dimsemenov/Magnific-Popup/releasesChangelog](https://github.com/dimsemenov/Magnific-Popup/releases](https://github.com/dimsemenov/Magnific-Popup/releases) |
| 66 | |
| 67 | ## License |
| 68 | |
| 69 | Script is MIT licensed and free and will always be kept this way. But has a small restriction from me - please do not create public WordPress plugin based on it(or at least contact me before creating it), because I will make it and it'll be open source too ([](http://dimsemenov.com/subscribe.htmlwant to get notified?](http://dimsemenov.com/subscribe.html](http://dimsemenov.com/subscribe.html)). |
| 70 | |
| 71 | Created by [](http://twitter.com/dimsemenov@dimsemenov](http://twitter.com/dimsemenov](http://twitter.com/dimsemenov) & [](https://github.com/dimsemenov/Magnific-Popup/contributorscontributors](https://github.com/dimsemenov/Magnific-Popup/contributors](https://github.com/dimsemenov/Magnific-Popup/contributors). |
| 72 | |
| 73 | [](https://bitdeli.com/free "Bitdeli Badge"](https://bitdeli.com/free "Bitdeli Badge"](https://bitdeli.com/free "Bitdeli Badge") |
| 74 | |
| 75 | ## Bugs & contributing |
| 76 | |
| 77 | Please report bugs via GitHub and ask general questions through [](http://stackoverflow.com/questions/tagged/magnific-popupStack Overflow](http://stackoverflow.com/questions/tagged/magnific-popup](http://stackoverflow.com/questions/tagged/magnific-popup). Feel free to submit commit [](https://github.com/dimsemenov/Magnific-Popup/pullspull-request](https://github.com/dimsemenov/Magnific-Popup/pulls](https://github.com/dimsemenov/Magnific-Popup/pulls), even the tiniest contributions to the script or to the documentation are very welcome. |
| 78 | |
| 79 | |
| 80 |