Как выровнять изображение в слайдере?

baseroad 13.11.2016 Все вопросы » Стили (CSS) 680

вопрос

Использую на своем сайте слайдер (flexslider) на всю ширину сайта, подскажите, как можно выровнять изображение в нем? Сейчас выводит верх изображения, а хотелось бы чтобы попадало все.

Используются такие стили

.flexslider .slides img {
    width: 100%;
    display: block;
    height: auto;
    border-radius: 2px;
}

Ответа пока нет

1 комментарий

Юзер

karakymv - 2016-09-0621 ноября 2016 14:11 - #60166

попробуй добавить
vertical-align: middle;
идеальный вариант, передавать url изображения не в свойство src="" тега img а в background-image: url(); фиксированного блока. То есть делаешь блок фиксированной высоты, в шаблонах сайта тег {image-1} ставишь в блоке в свойство style="background-image:url({image-1});"
А в стилях для этого блока ставишь такое:
background-size: cover;
background-position: center;
И будет тебе счастье.

questd | Когда на одной странице две формы поиска ... ⁵

questd
Когда на одной странице две формы поиска, то во второй быстрый поиск не работает. Как это исправляется?
Сегодня, 14:22

Может кто-то подсказать как правильно его "ковырять"? ап
Madjack | Google docs viewer на DLE 9.7 ¹⁸

Madjack
Google docs viewer на DLE 9.7
Сегодня, 04:31

Уважаемые, подскажите что делать? появляется вместо книги вот эта ошибка. в какую сторону копать, чтобы ее исправить, или это из-за гугла и нужно искать другой способ читать пдф на сайте?
DLE 13, без плагинов
prewed | Miniposter PRO v2 by Sander ¹

prewed
Miniposter PRO v2 by Sander
Сегодня, 02:33

из какой картинки создаётся миникопия? из thumb или из оригинальной? или просто происходит обработка тега {image-1} - и там уже что вставлено в новость, то и обрабатывается?
работает ли данный модуль в новостях в шаблоне fullstory.tpl?
PunPun | Как в шаблоне информера в custom в перво ...

PunPun
Как в шаблоне информера в custom в первом материале вывести class="item active" а в остальных class="item" ?
Вчера, 21:57

[newscount=x] текст [/newscount] - Выводит текст указанный в тегах если показывается X новость, где X это число показываемой на странице новости. Например [newscount=1] текст [/newscount] покажет текст при показе первой по счету на странице новости.

[not-newscount=X] текст [/not-newscount] - Выводят текст заключенный в данные теги при показе любых по счету новостей, кроме указанных X новостей. Данный тег будет полезен, если вы хотите выводить какие-либо элементы оформления во всех новостях при показе кратких новостей, кроме вышеуказанных. Например, что-либо не показывать в первой по списку новости.
Automatic | Как в шаблоне информера в custom в перво ... ¹

Automatic
Как в шаблоне информера в custom в первом материале вывести class="item active" а в остальных class="item" ?
Вчера, 17:56

Вот пример есть https://www.w3schools.com/howto/howto_js_active_element.asp, но обычно с помощью js делается
mylu | Осторожно мошенник ewak ²⁷

mylu
Осторожно мошенник ewak
Вчера, 15:05

За 300р парсер))) Ну вы конечно веселыеD
lutskboy | Разработка модуля "Характеристики товара ... ¹⁰

lutskboy
Разработка модуля "Характеристики товара".
Вчера, 12:32

а потом сюда напишите что нужен фильтр для ваших полей
учитывайте ето еще до того как вам сделали ети поля. так как их возможно придется делать и не на доп полях
produm | Изменение категорий новости в 'быстром' ... ¹⁴

produm
Изменение категорий новости в 'быстром' редакторе
Вчера, 11:18

Прогресса пока нету. Ни кто не пишет. Возможно что-то в настройках движка.
Rayne | Разработка модуля "Характеристики товара ... ¹⁰

Rayne
Разработка модуля "Характеристики товара".
16-09-2018, 23:36

maks,
https://youtu.be/ExE7hzcB3vU?t=4m14s
Вот, посмотрите, по сути, мне это и нужно, только было бы замечательно, если бы поле предлагало ранее вводимые варианты.
Дело в том, что мне намного удобнее создавать поля вручную, нежели постоянно создавать доп. поле, потом это поле в .tpl прописывать. А теперь представьте ситуацию - я передаю сайт человеку, который и подавно не знает, что такое техническая сторона сайта, и тут он мне заявляет, что в добавлении сайта отсутствует "какое-то там" доп. поле и просит его добавить. Через неделю ещё раз повторяется, потом ещё через неделю, это начинает надоедать. Я не считаю данный метод удобным. Если бы у меня был киносайт, да, я согласен, встроенный метод - отменный. А если я создал интернет-магазин, ясное дело, что этот метод удобен лишь наполовину.
Это был лишь пример, просто по факту, вышеуказанный модуль/хак(не знаю как это назвать), имеет реальный смысл. Можно создать кучу, сотни, тысячи полей, но это как минимум грязно, неудобно.
maks | Разработка модуля "Характеристики товара ... ¹⁰

maks
Разработка модуля "Характеристики товара".
16-09-2018, 23:10

В этом и дело, что всё равно это создавать вручную. О каком модуле речь? Чтобы создать вручную? Один раз добавите, а затем браузер по двойному клику по полю сам предложит варианты и по мере набора тоже.