Масштабирование и позиционирование картинок при помощи jQuery

Тема в разделе "JavaScript", создана пользователем IgorA100, 29 апр 2014.

Модераторы: ZiX
  1. IgorA100

    IgorA100 Постоялец

    Регистр.:
    3 янв 2009
    Сообщения:
    62
    Симпатии:
    31
    Долго искал скрипт для масштабирования картинок с разными пропорциями при адаптивном дизайне. Везде одна фигня, или очень навороченная и тяжелая или работающая через одно месте.
    Наткнулся на очень интересный и довольно просто скрипт который еще и работает на отлично!
    Может кому пригодиться: http://masscode.ru/index.php/k2/item/45-lifullsize
    Автор плагина в общении оказался очень хорошим и толковым человеком!
     
  2. Aserus

    Aserus Постоялец

    Регистр.:
    16 ноя 2013
    Сообщения:
    78
    Симпатии:
    4
    я понимаю что это пригодится, но разве background-size, background-position и media queries не решает почти все что нужно?
     
  3. IgorA100

    IgorA100 Постоялец

    Регистр.:
    3 янв 2009
    Сообщения:
    62
    Симпатии:
    31
    Во первых, как Вы при помощи background картинок и @media, для картинок с разными пропорциями (у одних ширина больше высоты, у других высота больше ширины) сделаете так, что бы не они вписались в определенный блок и при этом не было пробелов с каждой из 4х сторон?
    Во вторых, бэкграунд картинки хороши только для статических сайтов, когда один раз залил картинку и забыл. А когда создаются динамичичные публикации при помощи CMS , то как Вы к ним будите "прикручивать" бекграундную" картинку? Не, ну прикрутить конечно можно, например используя тот же JS :) Но см. п.1
    В третьих @media имеет пошаговость, хотя в данном случае это не особо критично...
    В четвертых, задача заметно усложняется если у нас например фиксированная высота блока при плавном изменении ширины
    Можно конечно сказать: "Приведите все картинки к единым пропорциям". Но, как быть, если такое не возможно по ряду причин (нельзя обрезать, т.к. это логотип; в дизайне используются блоки с разными пропорциями; и т.п.)
    Я не говорю, что данный модуль нужно использовать везде, но есть множество дизайнов где данный модуль необходим. Кроме того, обязательно нужно предварительно при помощи CSS сделать максимально правильной картинку, ибо JS сработает уже после загрузки DOM и просто подкорректирует красоту.
    Как-то так.
     
    Aserus нравится это.
  4. user8730

    user8730 Создатель

    Регистр.:
    16 авг 2014
    Сообщения:
    27
    Симпатии:
    7
    а чем не подходит банальное CSS через процентное отношение