Размер уменьшенных копий изображений

  • 4 Ответов
  • 1500 Просмотров

eVIL36

  • Сообщений: 30
    • Просмотр профиля
Доброго времени суток! Возможно ли где-то задать в разных блоках разный размер уменьшенных копий изображений? Допустим в слайдере мне нужна уменьшенная копия размером 300x300, а в блоке новостей 150x150. Я нашел только как можно задать общий размер уменьшенных копий, а вот где поправить на отдельный блок не нашел.

sovyonok

  • Сообщений: 57
    • Просмотр профиля
    • Прогулки по Москве
Re: Размер уменьшенных копий изображений
« Ответ #1 : 30 Июня 2017, 12:01:26 »
В CSS - не вариант?

eVIL36

  • Сообщений: 30
    • Просмотр профиля
Размер уменьшенных копий изображений
« Ответ #2 : 30 Июня 2017, 13:25:03 »
Вариант. И кажется, я нашел решение, но не знаю насколько это правильно, но работает так, как мне нужно.
в liquid-slider.css добавить:
.cont-slider .thumb {
   max-width: 300px; /*нужный размер в слайдере*/
   height: auto;
}
а в screen.css задать размер всех уменьшенных копий изображений
/* Block of images */
.thumb {
   max-width: 150px; /*размер всех уменьшенных копий изображений*/
   height: auto;
   margin: 5px 0 0;
   padding: 0;
}
Соответственно при создании уменьшенных копий нужно выбирать максимально необходимый размер.
Возможно есть еще какие-то варианты решения?

Neon

  • Сообщений: 684
    • Просмотр профиля
    • Danneo CMS
Re: Размер уменьшенных копий изображений
« Ответ #3 : 30 Июня 2017, 13:44:11 »
Если вам нужны увеличенные изображения только для слайдера, то это не лучший вариант.
Тумбики по всему сайту будут иметь избыточный размер и вес, что не хорошо.

Лучше для слайдера выводить большое изображение, и уже его ужимать до нужного.
В liquid-slider.css лучше применить параметры непосредственно к изображению.
.cont-slider img {
width: 300px;
height: auto;
}
Затем откройте блок: block/b-LiquidSlider.php
image_thumb везде замените на image
Там это в трех местах, в запросе и ниже в обработке.
DANNEO ™

eVIL36

  • Сообщений: 30
    • Просмотр профиля
Размер уменьшенных копий изображений
« Ответ #4 : 30 Июня 2017, 14:17:36 »
Благодарю за совет.