1 Тема от Александр Пиков

  • Александр Пиков
  • Пользователь
  • Неактивен
  • Зарегистрирован: 2013-12-12
  • Сообщений: 1

Тема: Адаптивный слайдер. Как создать?

сайт: http://passivator.ru

Верстка резиновая, ширина сайта от 1000 до 1280.
Создаю слайдер через I18N Gallery  (Type: cycle   Effect: scrollLeft)
Выставляю максимальное разрешение:  1280х200 ( ставлю галочку: Crop)

Как сделать чтобы слайдер, подстраивался по ширине, под наружные размеры блока в котором расположен?

Поделиться

2 Ответ от olsv64

  • olsv64
  • olsv64
  • Администратор
  • Неактивен
  • Откуда: Киров
  • Зарегистрирован: 2013-03-03
  • Сообщений: 3,941

Re: Адаптивный слайдер. Как создать?

вы должны в CSS файле прописать для него свойство
#слайдер img {
max-width:100%!important;
height:auto!important;
}

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

3 Ответ от olsv64

  • olsv64
  • olsv64
  • Администратор
  • Неактивен
  • Откуда: Киров
  • Зарегистрирован: 2013-03-03
  • Сообщений: 3,941

Re: Адаптивный слайдер. Как создать?

при указании !important это не имеет значения, и вообще стили имеют приоритет

Поддержать GetSimple CMS по-русски ЯДом

Сайт olsv64

Поделиться

4 Ответ от rplehov

  • rplehov
  • rplehov
  • Пользователь
  • Неактивен
  • Откуда: Москва
  • Зарегистрирован: 2014-10-22
  • Сообщений: 51

Re: Адаптивный слайдер. Как создать?

Ну и до кучи, для 18n gallery есть дополнение http://get-simple.info/extend/plugin/ni … llery/852/ он по умолчанию адаптивный. Так что все намного проще

Поделиться

5 Ответ от 0zz

  • 0zz
  • Пользователь
  • Неактивен
  • Зарегистрирован: 2013-07-22
  • Сообщений: 126

Re: Адаптивный слайдер. Как создать?

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

Поделиться