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

[IgorA100]

Долго искал скрипт для масштабирования картинок с разными пропорциями при адаптивном дизайне. Везде одна фигня, или очень навороченная и тяжелая или работающая через одно месте.
Наткнулся на очень интересный и довольно просто скрипт который еще и работает на отлично!
Может кому пригодиться: Для просмотра ссылки Войди или Зарегистрируйся
Автор плагина в общении оказался очень хорошим и толковым человеком!

 

[Aserus]

я понимаю что это пригодится, но разве background-size, background-position и media queries не решает почти все что нужно?

 

[IgorA100]

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

 

[user8730]

а чем не подходит банальное CSS через процентное отношение