Изображение в топиках по ширине экрана. Как?...

Блог им. ilya1985
Добрый день.
На многих «резиновых» сайтах часто наблюдаю такую интересную особенность: изображение выводится в зависимости от ширины экрана. Т.е. если ширина экрана/браузера 1200пкс, изображение выводится в 1200пкс, если браузер сузить до 900пкс, изображение уменьшается до 900пкс соответственно.

Можно ли так сделать на лс?

12 комментариев

avatar
респонсив дизайн, по русски — адаптивная верстка.
avatar
А есть ли какое-нибудь универсальное средство, может в виде плагина, способное это реализовать?
Топик-фотосет считаю абсолютно бесполезным ибо пропадает возможность постепенного повествования в последовательном виде: изображение-текст-иозображение и т.д.
avatar
Наверняка же есть js библиотеки способные проделывать такой трюк с изображениями…
avatar
вот кстати сайт на fortune, где картинки «респонсивят»
avatar
оу то что нужно! Каким образом сделано? Только правкой css? (шаблон то не с нуля написан)
avatar
поэксперементировал…
если в настройках шаблона задать fluid, а в конфиге движка убрать «ужимание» картинок, то если они большие — они начинают «респонсивить»…
avatar
ага и грузятся большими
avatar 
img { max-width: 100%; }

это для всех картинок. можно только для постов сделать.
avatar
Седьмой ослик некорректно его отображает. А жертвовать им пока рано, трафик ощутимый с седьмым эксплорером
avatar
Вот есть скрипт можно его применить.
responsive-slides.viljamis.com
avatar
Какая красота!
avatar
Там еще есть ссылка more ведет вот сюда
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.