HTML и CSS | Закрыт
Вопрос от dimkan

Как сделать чтобы изображение не сжималось? А просто или уменьшало изображение не теряя качества, или ещё чего-нибудь? Сайт: [spoiler]khlunhl.ru[/spoiler]
Ответы
18.07.2013 в 13:51
dimkan
Удалил, теперь вот так стало.

18.07.2013 в 13:56
Kelin

Кое-кто, похоже, лишнее удалил. Ибо все ок должно быть.
18.07.2013 в 14:06
dimkan
Не понял. Как сделать чтобы было не как у тебя на скрине, т.к. не видно изображение само, а только часть, как сделать чтобы уменьшало изображение просто, но не сжимало, и не теряло качество?
18.07.2013 в 14:10
Kelin
К сожалению, только ручками и фотошопом. Можно, конечно, в настройках модуля настроить "Размеры уменьшенного изображения" и вместо $IMG_URLx$ выводить $IMG_SMALL_URLx$, но, насколько я помню, там качество тоже теряется. Причем, картинка растягивается, если размеры оригинала и копии не сходится пропорциями.
18.07.2013 в 14:11
dimkan
Жаль. Спасибо.
18.07.2013 в 14:16
Kelin
Но ты все-таки попробуй через $IMG_SMALL_URL$, может, получится
18.07.2013 в 15:31
dimkan
ок.
18.07.2013 в 13:16
dimkan
Теперь вот так стало показывать.


18.07.2013 в 13:46
Kelin
Строки 86-91 тоже удали

Код
.wi-js-shadow {
  position: absolute;
  -webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.25);
}
18.07.2013 в 13:08
Kelin
1. 76-78 строки CSS:
Код
.js-wrap .td1 .divImg .divi img {
  width: 100%; max-height: 135px;
}
Удаляй их

2. Вместо них вставляй:
Код
.divi .ulightbox {
width: 205px;
height: 135px;
overflow: hidden;
display: block;
}
Доступ запрещен
Войдите или Зарегистрируйтесь