Anonymous
прикольно ) девушка, разбирающаяся в компьютере )
Елена
рукалицо
Alex
вставь в html <style>тут стили</style> если любишь лапшу
Елена
Алекс, ты вообще не читаешь.
Anonymous
оо. и пытающаяся косить под парня )
Alex
я все читаю
Елена
Alex
и прекрасно представляю как рендерит браузер
Alex
го личку объясню
Anonymous
ну твое дело борщ готовить а в такое время уже спать. а не пытаться тягаться умом с дяденьками
Anonymous
видно же что ведешь себя высокомерно
dyadyaMisha
Anonymous
значит в чем то ущербна.
Alex
ну чо за сексизм
Елена
Картинка встваляется через тэг img, о каком ты цсс говоришь?
Alex
нормально все, пытается разобраться
Alex
ааа
Anonymous
при помощи js может узнать ширину экрана и в зависимости от этого брать ту или иную картинку?
Елена
Alex
ну тогда надо на бэке вставлять много img и показывать только те которые под media-width подходят
dyadyaMisha
Елена
Так вот я спрашиваю про то кто-то работает уже с готовыми инструментами что бы велипсипеды не писать
dyadyaMisha
Alex
да там писать то
Alex
5 минут
dyadyaMisha
Alex
это не тот велосипед который не стоит писать самому
Anonymous
это же обычная проверка при помощи js и все.
Anonymous
тоже так делал в модх. там в ms2gallery хранится сразу несколько размеров картинок и в зависимости от размера можно подставлять ту или иную. чтоб не генерировать нужного размера на лету.
Alex
js это уже некрасиво, на самом деле на чистом css на раз решается
Елена
нельзя на цсс, изображение вставляет пользователь через админку же, ну)
Alex
ну какая разница
Alex
вставил он картинку
Alex
можно ее стилями отобразить как угодно
Alex
вот решение влоб простое - бэкграундом ее поставить блоку
Alex
и играть с contain и media-width
Елена
тут вопрос не в отображении картинки а в её размере, оптимизация, вот это всё, что бы на мобильниках скачивалась мальнькая версия
Alex
это уже не вопрос фронта
Alex
он решается только если бэк тоже поддерживает
Alex
и там тоже все тривиально
Anonymous
не катит. Если картинка - это элемент галереи, то у ней могут быть еще всякие теги типа Alt
Alex
вот тут все просто етсь сервер - который отдает картинки по требованию те которые нужны, потому что картинки они на сервере
Alex
это бэк
Alex
и есть страничка в браузере которая по требованию может эти картинка запросить
Alex
это фронт
Alex
и если бэк способен отдавать картинки нужного размера и тд, по определенному запросу то все тип топ есть 150 вариантов как их отобразить на фронте
Alex
чтобы было "прям офигенно все по размеру и без лишнего трафика"
Alex
а так берешь картинку ставишь ее бэкграундом блоку и крутишь background-size в зависимости от media-width
Елена
спасибо я умею верстать
Елена
меня бэк интересует
Alex
))
Alex
ну тогда смотри
Alex
что на бэке крутится
Alex
?
Елена
ты про язык? php modx
Alex
отлично
Елена
выше было про модх, буду смотреть в том направлении
Alex
сколько вариантов одной и тойже картинки генерится
Anonymous
так ты на модх делаешь?
Елена
да
Anonymous
а ну клево. и в ms2gallery хранишь несколько размеров?
Alex
Елена
теперь юуду, просто не была уверена на стороне чего это делается фронт или бэк
Елена
по хорошему надо минимум три размера иметь
Anonymous
можно воспользоваться плагином jquery который называется http://xoxco.com/projects/code/breakpoints/ он определяет ширину экрана и в зависимости от ширины считай к img добавлять параметр картинки. там же вроде в квадратных скобках задается [[200*300]] чето такое добавлять к img
Alex
вытаскивай их всех и в зависмисости от media-width показывай/прячь те что нужны
Anonymous
Anonymous
а нужно, чтоб загружались только те, что нужно.
Alex
ks
Alex
js
Alex
тогда
Alex
но!
Anonymous
если адаптивная верстка, все равно скорее всего jquerye Подключено. вот плагинчик breakpoints и поможет.
Alex
современные браузеры такие умные что не грузят то что display none
Alex
не парься вобще в принципе, грузи всегда одну картинку и ресайзь ее в зависимости от ширины экрана
Alex
в ад не попадешь, я проверял
Anonymous
вот я про фоновые рисунки согласен. там если рисунок является фоновым его можно через css грузить. Но элементы галереи, каталога, картинки новостей - их уж через img ведь загружают.
Alex
окай, через img превью
Alex
и как ссылку на полную версию