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

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

вопрос

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

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

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

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

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

Юзер

karakymv - 2016-11-1321 ноября 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;
И будет тебе счастье.

Chunai | Как в info.tpl сделать возможность автор ... ¹

Chunai
Как в info.tpl сделать возможность авторизации через социальные сети?
Вчера, 21:37

Второй скриншот загрузил неверный, вот верный.
LazyDev | Как заставить работать всплывающие окна ... ²
LazyDev
Как заставить работать всплывающие окна на jQuery v3?
Вчера, 19:14
portak, подключите следующий скрипт. Он для миграции с версий ниже. https://github.com/jquery/jquery-migrate
```
https://code.jquery.com/jquery-migrate-3.0.0.min.js
```
xese | Как установить плагинов комментариев fac ... ³

xese
Как установить плагинов комментариев facebook правильно?
Вчера, 18:44

Спасибо!
portak | Как заставить работать всплывающие окна ... ²

portak
Как заставить работать всплывающие окна на jQuery v3?
Вчера, 17:55

При переключении в админке на v3 на сайте уже подгружается файл jqueryui3, а там указана версия jQuery UI - v1.12.1 - 2019-08-12, то есть по сути уже сам дле при выборе третьей версии подсовывает мне обновленный UI, или я не понимаю?
Wanderer | Форма обратной связи в полной и короткой ... ²

Wanderer
Форма обратной связи в полной и короткой новости
Вчера, 14:54

Всем спасибо, тема закрыта
LazyDev | Как заставить работать всплывающие окна ...

LazyDev
Как заставить работать всплывающие окна на jQuery v3?
Вчера, 12:47

Обновите jQueryUI до 1.12.0 или выше.
TEDII | Как настроить DLE-Billing в 2020?

TEDII
Как настроить DLE-Billing в 2020?
Вчера, 00:41

Такая же проблема. Либо дело во входящих ip которые блокирует хостер либо ссылки взаимодействия не настроенные. Точного ответа пока не нашел, проблема узкая
TEDII | Как на странице поиска убрать кнопку "ра ... ⁴

TEDII
Как на странице поиска убрать кнопку "расширенный поиск"
19-09-2020, 20:33

а как форму поиск удалить из результатов поиска?
myfootball | Как настроить файловое кэширование? ⁴
myfootball
Как настроить файловое кэширование?
19-09-2020, 17:41
У меня такая же проблема как и у автора этого вопроса, в engine/modules/main.php нашел только
```
$tpl->compile ( 'main' );
```
Где найти
```
@session_start ();
```
И
```
GzipOut ();
```
Можете рассказать как Вы настроили? Где и что вставляли буду очень благодарен. Спасибо
myfootball | Как настроить файловое кэширование? ⁴
myfootball
Как настроить файловое кэширование?
19-09-2020, 17:40
У меня такая же проблема как и у автора этого вопроса, в engine/modules/main.php нашел только
```
$tpl->compile ( 'main' );
```
Где найти
```
@session_start ();
```
И
```
GzipOut ();
```