PrettyPhoto и мобильные
 

Добрый день!

Мой скилл в верстке и js ничтожно мал, поэтому возможно вопрос у меня простой, но надеюсь кто ответит :)

Если на сайте установлена галерея PrettyPhoto, то почему-то чаще всего на мобильных телефонах, картинка которая отдается по клику (увеличенная) выползает за рамки экрана, как можно адаптировать эту картинку по ширине?

Спасибо за ответы :help:

MBIgor,
В параметрах инициализации

allowresize: true,

не пробовали?

Спасибо за совет

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

Тогда как-то так

var allow = ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) ? true : false;
var obj  = { allowresize: allow };
alert (obj.allowresize);

Этот код в PrettuPhoto.js вставлять?

MBIgor,
У вас на сайте есть инициализация PrettyPhoto ?
Что-то вроде

$(document).ready(function(){
        $("a[rel^='prettyPhoto']").prettyPhoto();
    });

Так к этому нужно добавить

$(document).ready(function(){
        var allow = ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) ? true : false;
        $("a[rel^='prettyPhoto']").prettyPhoto({
            allowresize: allow
        });
    });

Добавил, но изображения не изменились

MBIgor,
На каком смартфоне смотрели? Может, его нет в перечне?
Более подробно можно посмотреть тут