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

[StanislavStryukov]

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

Подскажите, может кто сталкивался с таким моментом. В статье вставил несколько изображений, привязал их к 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>

 

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

[StanislavStryukov]

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

1

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Змінено 27 січня 2016 користувачем StanislavStryukov