Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/corpsepk/yii2-magnific-popup
https://github.com/corpsepk/yii2-magnific-popup
Last synced: 12 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/corpsepk/yii2-magnific-popup
- Owner: corpsepk
- Created: 2015-07-31T12:47:07.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-05-19T14:46:38.000Z (over 8 years ago)
- Last Synced: 2024-10-26T10:44:49.411Z (2 months ago)
- Language: JavaScript
- Size: 34.2 KB
- Stars: 0
- Watchers: 3
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# yii2-magnific-popup
===============
jQuery plugin page http://dimsemenov.com/plugins/magnific-popup/
## Installation
Update composer.json add to "require" section
```
"corpsepk/yii2-magnific-popup" : "~0.1@dev"
```
Update composer.json add to "repositories" section
```json
{
"type": "git",
"url": "https://github.com/corpsepk/yii2-magnific-popup.git"
}
```
## How to use
More settings look at Magnific popup documentation http://dimsemenov.com/plugins/magnific-popup/documentation.html
```php
use corpsepk\magnificPopup\MagnificPopup;
MagnificPopup::widget([
'target' => '.media-widget .photo-grid a',
'options' => [
'type' => 'ajax',
'closeOnBgClick' => true,
'closeBtnInside' => true,
'overflowY' => 'scroll',
'disableOn' => 600,
'tLoading' => 'Загрузка...',
'gallery' => [
'enabled' => true,
'navigateByImgClick' => true,
'preload' => ['[0,1]'],
'tCounter' => '%curr% из %total%',
],
'ajax' => [
'settings' => ['type' => 'POST'],
],
]
]);
```