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

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

вопрос

Использую на своем сайте слайдер (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;
И будет тебе счастье.

Maklay | Как сделать фон-слайдшоу на dle?

Maklay
Как сделать фон-слайдшоу на dle?
Сегодня, 03:57

Анимация фона на CSS


body {
        animation: ani-bg 25s infinite linear 0s normal;
    }
    @keyframes ani-bg {
        0% {
            background: url("КАРТИНКА 1");
        }
        20% {
            background: url("КАРТИНКА 2");
        }
        40% {
            background: url("КАРТИНКА 3");
        }
        60% {
            background: url("КАРТИНКА 4");
        }
        80% {
            background: url("КАРТИНКА 5");
        }
        100% {
            background: url("КАРТИНКА 1");
        }
    }

Otto61 | Как сделать фон-слайдшоу на dle? ³

Otto61
Как сделать фон-слайдшоу на dle?
Вчера, 22:44

Средствами CSS и html
Maklay | Как сделать фон-слайдшоу на dle? ³

Maklay
Как сделать фон-слайдшоу на dle?
Вчера, 22:26

Можно сделать средствами CSS, без JS.
Maklay | Как добавить кнопки социалок в шаблоне G ... ¹

Maklay
Как добавить кнопки социалок в шаблоне Green?
Вчера, 21:21

Было бы во что носом тыкать, может и тыкнул бы.
Ссылку надо, для соблюдения анонимности можно в личку.
Maklay | Рейтинг в процентах (type 3) ¹

Maklay
Рейтинг в процентах (type 3)
Вчера, 20:50

Здравствуйте, могу вывести средствами JS, плюс в том, что в будущем будете обновлять движок спокойно и все будет работать вечно, ну или до тех пор пока разработчики DLE не всунут родной функционал с выводом процентов, и вам уже не понадобится скрипт.

Что я предлагаю?
- Возможность вывода количества процентов как лайков, так и дизлайков.
- Возможность вывода количества лайков и дизлайков без процентов.
- Возможность вывести шкалу в виде зелено-красной полоски с процентным соотношением.
- Данные будут обновляться в реальном времени после нажатия на лайк или дизлайк.

PS. Контакты в профиле.
maks | Как сделать фон-слайдшоу на dle? ³

maks
Как сделать фон-слайдшоу на dle?
Вчера, 20:18

Может это подойдет https://github.com/sickDevelopers/jquery.kenburned
dess | Как сделать мультиселект в дополнительно ... ²

dess
Как сделать мультиселект в дополнительном поле?
Вчера, 20:16

цена вопроса?
В шаблоне подключить chosen не проблема, главное ввод и вывод с БД, что бы работали все внутренние функции перекрестных ссылок к примеру - в пхп не рулю...(
Felix | Модуль Переписка 2.0 сделать для Dle 11. ... ⁶

Felix
Модуль Переписка 2.0 сделать для Dle 11.3 возможно?
Вчера, 18:55

Делаю всё по инструкции, но не работало, мне поправили файл инстала, модуль установил, вкладка переписки появилась при получении сообщения, но ответ не отправляется выдаёт ошибку https://yadi.sk/i/N4yLFJbD3M5522

а при отправке сообщения через стандартную форму, количество сообщений уходит в минус https://yadi.sk/i/muG0cKiP3M54cT
Evgehha | Как организовать правильный запрос для s ... ⁵
Evgehha
Как организовать правильный запрос для set_vars?
Вчера, 18:41
```
CREATE TABLE IF NOT EXISTS `table1` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `name` varchar(64) NOT NULL,
  `options` varchar(255) NOT NULL,
  `data` timestamp NULL DEFAULT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `id_UNIQUE` (`id`),
  UNIQUE KEY `options_UNIQUE` (`name`,`options`,`data`)
) ENGINE=InnoDB  DEFAULT CHARSET=utf8 ;
```
У такого-то пользователя есть такая-то настройка и у этой настройки такое-то время жизни.
lutskboy | Как организовать правильный запрос для s ... ⁵

lutskboy
Как организовать правильный запрос для set_vars?
Вчера, 18:22

напишите что у вас в таблице. посмотрим какая у вас структура