Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » PHP, HTML, JS: Адаптация. Способы адаптации изображения.

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте, у меня возникла проблема с изображениями на сайте...
 
Проблема состоит в том, что изображения могут быть разных размеров... например 250х800, 800х800 и 800х250.
 
2 вид (800х800) отображается ещё куда не шло. Но остальные с трудом..
У меня, получается как "каталог", в нем сортируется в 5 строк по 3 колонны разные картинки с размерами 230х284 (ШхВ), и некоторые изображения получаются сплюснутыми... а некоторые могут растянуться...
 
Если отпустит высоту, то картинки будут по разному, но более корректными... Но при этом будет не очень красиво...
 
Так-же обрабатывать изображения (обрезать), не подходит, т.к. картинка важна по полном размере...
 
Как можно сделать чтоб картинка была хорошей по высоте и ширине, но и при этом, имела размерность ~230х284
 
Для примера:
http://fashionhouse.net.ua/5-1.html - Все часы сплюснутые... Если открыт товар на странице, можно увидеть как есть картина...
http://fashionhouse.net.ua/7-7.html - некоторый материал красиво отображается, а некоторый сплюснуто (последний)

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 23:39 12-03-2014 | Исправлено: Sutar, 23:42 12-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sutar
http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/
и куча аналогичных вещей
 
если же просто только о картинках, то можно делать ресайз серверными скриптами..
либо рассчитывать с помощью javascript размеры, сохраняя пропорции.
 
либо был уже вопрос ранее, если найду. вот - Фото и  css


----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:11 13-03-2014 | Исправлено: Cheery, 00:14 13-03-2014
Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery

Цитата:
если же просто только о картинках

Да.
 

Цитата:
то можно делать ресайз серверными скриптами..  

Т.е. обрезать картинку под размер?

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 23:37 13-03-2014
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sutar

Цитата:
Т.е. обрезать картинку под размер?

да.

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 00:41 14-03-2014
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » PHP, HTML, JS: Адаптация. Способы адаптации изображения.


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru