https://github.com/constlab/cartonbox

Правильные модальные окна
https://github.com/constlab/cartonbox

alert dialog jquery modal plugin popup

Last synced: 3 months ago
JSON representation

Правильные модальные окна

• Host: GitHub
• URL: https://github.com/constlab/cartonbox
• Owner: constlab
• License: mit
• Archived: true
• Created: 2016-12-21T09:31:23.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2019-04-10T06:36:16.000Z (over 5 years ago)
• Last Synced: 2024-09-26T01:48:05.158Z (3 months ago)
• Topics: alert, dialog, jquery, modal, plugin, popup
• Language: JavaScript
• Homepage: http://cartonbox.constlab.ru
• Size: 14 MB
• Stars: 10
• Watchers: 4
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ПЛАГИН РАБОТАЕТ В ТОМ ВИДЕ В КОТОРОМ ЕСТЬ, НО БОЛЬШЕ НЕ РАЗВИВАЕТСЯ И НЕ ПОДДЕРЖИВАЕТСЯ. 

# Картонбокс ([Демо] (http://cartonbox.constlab.ru/))

Джейквери-плагин для вывода фотографий, блоков с контентом и айфреймов в красивых модальных окнах, которые можно группировать, создавая, например, фото- или видео галереи.

Основное отличие от существующих подобных плагинов — правильная работа скролла на любых устройствах. При открытом модальном окне основное содержимое страницы, если оно имело полосу прокрутки, не прокручивается и никак не реагирует на скролл колесом мыши или на нажатие кнопок прокрутки на клавиатуре.

### [Текущая версия] (https://github.com/constlab/cartonbox/releases/latest) 1.5.4

17 февраля 2017 года ([история версий] (https://github.com/constlab/cartonbox/releases))

## Быстрый старт

Подключаем [Джейквери] (https://jquery.com/) и [Картонбокс] (https://github.com/constlab/cartonbox/releases/latest):

```

```

Либо через npm:

```

$ npm install cartonbox --save

```

Добавляем к ссылке класс `.cartonbox` и, если это ссылка на картинку, параметр `data-cb-type="img"`:

```

 ... 

```

Либо если это ссылка на блок с контентом или сторонний сайт, то параметры `data-cb-type="inline"` и `data-cb-type="iframe"`, соответственно:

```

 ... 

 ... 

```

Для блока с контентом в теле ХТМЛ-страницы должен присутствовать элемент с `id="text"` (такой же как название ссылки без хештега) и содержимым, которое отобразится в модальном окне, например:

```



    


        ... ХТМЛ-код ...

    



```


Инициализация:

```

(function($) {

    $.cartonbox();

})(jQuery);

```