Слайдеры, галереи изображений и лайтбоксы / Slick Slider в модальном окне Bootstrap

При загрузке страницы сайта все Slick Slider, находящиеся в модальных окнах, не будут инициализированы, т.к. модальное окно имеет стиль display:none.
Чтобы решить эту проблему добавляем небольшой код на jQuery, который инициализирует Slick Slider в момент открытия модального окна и наоборот, отменит инициализацию после закрытия окна.

В примере

    $('#modal').on('shown.bs.modal', function() {  // запускаем модальное окно
      $('#modal .slick-slider').not('.slick-initialized').slick();   // если slick slider не инициализирован, то делаем это
      $('#modal .slick-slider').slick('refresh');
    });

    $('#modal').on('hidden.bs.modal', function() {  // закрываем модальное окно
      $('#modal .slick-slider').slick('unslick').empty();   // после закрытия модального окна отменяем инициализацию slick slider
    });