Набор из пяти слайдеров (фото, статьи, комментарии, блоги, ваш собственный html-код) FlexiSlider

+66
2.89K
Здравствуйте. Поздравляю всех со всеми недавно прошедшими праздниками, а также с приближающейся весной).
Подготовил пакет слайдеров (версия инстанта 1.10.*). Это пять модулей, выводящих фото, статьи, посты блогов, комментарии, а также ваше собственное содержимое. Слайдеры, помимо настроек вывода контента, имеют довольно гибкие настройки вида слайдера:
горизонтальный/вертикальный
кол-во видимых элементов
ширина/высота слайдера
размеры элементов
эффект и скорость смены элементов
другие настройки

Демосайт: http://flexislider.instantlab.ru/

Скрин настроек одного из слайдеров:
Иллюстрация
Стоимость 300р. Купить можно здесь: http://instantlab.ru/shop/modules/flexislider.html. Инструкция прилагается. Перед установкой прочтение инструкции обязательно!
0
reload reload 11 лет назад #
Демо прям как конвейер какой то, цех по сборке буков))
отличная штукенция!
...только при первой загрузке не все фото-блоки подгрузились, после перезагрузки догрузилось все (хром)
проверил дважды.
0
SpideR SpideR 11 лет назад #
У меня все с первого раза загрузилось.
Браузер Хром.
+1
SpideR SpideR 11 лет назад #
Классные слайдеры. Наверное куплю по позже.
P.S. С модулем знакомств под 1.10 пока тишина?
0
Till Till 11 лет назад #
Пока да)
0
Олег с клещами Олег с клещами 11 лет назад #
Хороший набор. Вот бы ещё превьюшки видеороликов iVideo отображал...
0
Till Till 11 лет назад #
В принципе можно... Но у меня компонента видео нет и потестить не на чем.
0
Майкл Майкл 11 лет назад #
Мне нравится! А если Слайдер статей FlexiArticles поместить в большую колонку, как он смотреться будет?
Переместите пжл, я посмотрю краем глаза)
0
Till Till 11 лет назад #
Так он есть в большой колонке. Смотреться будет так как настроите. Фото статьи можно включать слева, справа или сверху. Ну и, соответственно, настройки вида слайдера - вертикальный/горизонтальный и прочее.
0
Майкл Майкл 11 лет назад #
А он в большой колонке разве на автомате не листает статьи?
0
Till Till 11 лет назад #
Нет, не листает, это в настройке модуля отключено. Включите - будет листать.
0
Майкл Майкл 11 лет назад #
Ясно. Полезные вещи! +
+1
Mr_Freeman Mr_Freeman 11 лет назад #
Очень хорошая и полезная вещь! Автору +
P.S. Скорее бы модуль "знакомства" под 1.10 адаптировали))
-2
letsgo letsgo 11 лет назад #
Добавьте видео. Плюсую, вещь отличная.
0
Александр Александр 11 лет назад #
Под 1.9 есть?
0
Till Till 11 лет назад #
Нет. А надо ли?
+2
Дайвер74 Дайвер74 11 лет назад #
Я бы тоже под 1.9 не отказался бы
0
Nomin Nomin 11 лет назад #
О, интересная вещица. А слайдер для сообщений с форума прикрутить возможно?
0
lezginka.ru lezginka.ru 11 лет назад #
+
возможно даже куплю :)
0
lezginka.ru lezginka.ru 11 лет назад #
неплохо бы видео добавить(у меня есть тестовая площадка,могу дать)
слайдер комментов не останавливается при наведении курсора :(
0
Till Till 11 лет назад #
Включите соответствующую настройку - и будет останавливаться. Смотрите скрин настроек модуля.
0
Бурдель Дмитрий Бурдель Дмитрий 11 лет назад #
Из этого набора включается какой то один модуль или можно несколько, или все?
Просто вижу скрин настроек только на модуль фото, а можно увидеть скрин настроек для "Слайдер FlexiHTML".
Спасибо!
0
Till Till 11 лет назад #
Включать можно хоть все сразу (см. демо). Для FlexiHTML есть только настройки вида слайдера (см. скрин настроек), настроек вывода контента нет, так как он ничего не цепляет из базы, контент вы в него помещаете сами.
0
виталя виталя 11 лет назад #
Для шопа можете сделать? Я куплю!
0
Dim@sik Dim@sik 11 лет назад #
А возможно ли в этом слайдере чтобы несколько фотографий размером к примеру 1000/300 прокручивались ? к примеру что то типа вот этого http://yeap.narod.ru/js/playground/021/slidejs/
0
Till Till 11 лет назад #
Возможно.
0
Майкл Майкл 11 лет назад #
Заметил интересное поведение слайдера статей.
При загрузки сайта (при настройке одновременного показа трех статей из шести) все шесть статей разворачиваются и накладываются на контент сайта находящийся внизу.
Как только полная загрузка завершилась слайде приобретает нормальный вид. Смотрится всё это не очень хорошо..
Можно как то это устранить?
0
Till Till 11 лет назад #
В JS коде в тпл-файле модуля строку
Код PHP:
  1. $(document).ready(function (){
Попробуйте заменить на
Код PHP:
  1. $(function (){
Также можете попробовать установить фиксированную высоту для слайдера или обернуть его в дополнительный див с фиксированной высотой и overflow:hidden.
А вообще, то что Яваскрипт начинает работать после загрузки страницы - это вполне естесственно.
0
Till Till 11 лет назад #
Также можете попробовать установить фиксированную высоту для слайдера
Имеется в виду установить высоту в настройках модуля.
0
Майкл Майкл 11 лет назад #
Это помогло, Спасибо! Позднее протестирую более глубоко на всех браузерах.
0
Майкл Майкл 11 лет назад #
Ан нет не помогло....(

"А вообще, то что Яваскрипт начинает работать после загрузки страницы - это вполне естесственно."

Раз такая №пляска" может как то сдвинуть вест контент до загрузки Яваскрипт?
0
Till Till 11 лет назад #
Высоту в настройках модуля устанавливали? Установите высоту, и в стилях к классу .flexislider допишите overflow:hidden.
-2
letsgo letsgo 11 лет назад #
Видео стоит ждать слайдера поддержку? Хотелось бы.
0
Till Till 11 лет назад #
Стоит. Но мне пока, как всегда, некогда.
0
Майкл Майкл 11 лет назад #
Высоту сразу же установил настройками. А в каком файле к к классу .flexislider дописать overflow:hidden. ?

Распишите пжл подробнее...
0
Till Till 11 лет назад #
В любом стилевом. Но логично будет в шаблоны/ваш_шаблон/css/flexislider.css. Или можно прямо в тпл-файле к элементу стиль приписать.
0
Майкл Майкл 11 лет назад #
Т.е. дописать сюда
Код PHP:
  1. .flexislider{
  2. position:relative;
  3. }
Чтобы получилось так?
Код PHP:
  1. .flexislider{
  2. position:relative;
  3. overflow:hidden;
  4. }
и сюда
Код PHP:
  1. .flexislider.padbot{
  2. padding-bottom:43px;
  3. }
Чтобы было так?
Код PHP:
  1. .flexislider.padbot{
  2. padding-bottom:43px;
  3. overflow:hidden;
  4. }
Везде, где встречается класс .flexislider, я правильно понял?
0
Till Till 11 лет назад #
Нет, только в первом упоминании, то есть сюда
.flexislider{
position:relative;
}
0
Майкл Майкл 11 лет назад #
Понял, спасибо! Вроде бы всё стало хорошо, в понедельник ещё на работе проверю (там инет тормозит и сразу видно будет что и как получилось)
0
Майкл Майкл 11 лет назад #
Проверил сегодня-всё отлично!
0
Clear Clear 11 лет назад #
Эх а я не обратил внимания что для УК слайдера нет ((
-4
letsgo letsgo 11 лет назад #
Ваня ну сделай уж для видео то слайдер) Куплю за 500 наборчик.

Еще от автора

Обновление компонента inDating (знакомства и встречи) для instantCMS 2.x
Здравствуйте. Вышло обновление компонента inDating (знакомства и встречи) для istantCMS 2.x.
Шаблон Wrapper для instantCMS 2.x
Здравствуйте. Сделал несложный шаблон для iCMS 2.x. Демо:http://wrapper.instantlab.ru/Скачать здесь:http://instantlab.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.