Задать вопрос
@booyokkk

Как решить проблему со скриптом — растягивания изображение к размеру экрана?

Есть такой вот скрипт,
c.onload = function () {
                var m, g, h, i, j, k, l;
                d.attr('src', e.album[f].link);
                m = b(c);
                d.width(c.width);
                d.height(c.height);
                if (e.options.fitImagesInViewport) {
                    l = b(window).width();
                    k = b(window).height();
                    j = l - e.containerLeftPadding - e.containerRightPadding - 20;
                    i = k - e.containerTopPadding - e.containerBottomPadding - 110;
                    if ((c.width > j) || (c.height > i)) {
                        if ((c.width / j) > (c.height / i)) {
                            h = j;
                            g = parseInt(c.height / (c.width / h), 10);
                            d.width(h);
                            d.height(g)
                        } else {
                            g = i;
                            h = parseInt(c.width / (c.height / g), 10);
                            d.width(h);
                            d.height(g)
                        }
                    } else {
                        d.width( parseInt(c.width / (c.height / i), 10));
                        d.height(i);
                    }
                }
                return e.sizeContainer(d.width(), d.height())
            };

Он растягивает изображение с маленького формата, до размера окна браузера, но он не правильно считывает ширину браузера chrome на android портретной ориентации, картинка выходит за рамки окна, помогите как-то его улучшить.
  • Вопрос задан
  • 2909 просмотров
Подписаться 2 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
IonDen
@IonDen
JavaScript developer. IonDen.com
<body>
     <img src="url" style="width: 100%" />
</body>


А чем не устраивает такой подход?
Ответ написан
Комментировать
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Ответ написан
Комментировать
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы