Перейти к содержанию
StanislavStryukov

[Решено] colorbox на мобильных устройствах

Рекомендуемые сообщения

Добрый вечер.

Подскажите, может кто сталкивался с таким моментом. В статье вставил несколько изображений, привязал их к colorbox. В шаблоне header вставил код, дабы большие изображения не вылазили за экран. По большей части это нужно для мобильных.

 

<script type="text/javascript">
jQuery.colorbox.settings.maxWidth  = '95%';
jQuery.colorbox.settings.maxHeight = '95%';
 
var resizeTimer;
function resizeColorBox()
{
  if (resizeTimer) clearTimeout(resizeTimer);
  resizeTimer = setTimeout(function() {
            if (jQuery('#cboxOverlay').is(':visible')) {
                      jQuery.colorbox.load(true);
            }
  }, 300);
}
 
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);

</script>

 

Как итог, на сайте все хорошо. При просмотре через мобильные устройства любые изображения открываются как на картинке (сжимается до очень маленького размера, находится в левом верхнем углу).

post-684071-0-84132900-1453918151_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Прошу прощения, сам дурак. Убрал метатег, всё стало как раньше...

1
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Изменено пользователем StanislavStryukov

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.