Всё чаще в проектах приходится реализовывать слайдеры на главных страницах сайта, в сайдбарах и еще где это только можно и каждый раз я писал кастом из под шаблона сайта, а в голове давно была мысль написать простой слайдер, который можно спокойно переносить с одного сайта на другой. И вот наконец выдался свободный день, который я потратил на написание своего модуля «Slider», который реализует большинство потребностей современных сайтов. Сразу хочу заметить, что сам скрипт используемый в слайдере не мой, а вот этого парня, который распространяет его по лицензии MIT, чем собственно я и воспользовался. Саму демку слайдера можно посмотреть здесь. А как это работает в Drupal 7, можно скачав мой модуль вот отсюда (Проверяйте наличие новой версии в конце статьи). Сразу оговорюсь, что скорее всего на Drupal.org он вряд ли появится, так что любители Drush его не найдут. А теперь собственно расскажу, что из себя представляет модуль и как им пользоваться.
Установка происходит как и со всеми модулями, так что вопросов быть не должно. Замечу, что данный слайдер я определил в раздел модулей «User interface».
Так же Slider зависит от модуля jQuery_update, так что его установка так же необходима. Минимальная версия jQuery 1.7. После активации модуля, в разделе «Конфигурация», в подразделе «Интерфейс пользователя» вы увидите новый подзаголовок «Block Slider Settings»
В котором находятся все основные настройки слайдера, а так же загружаемые изображения слайдера и описание, если таковые имеются.
Как вы можете видеть, для удобства, я пока всё оставил на русском языке, в дальнейшем переведу на английский, но для dev. и так сойдёт. Теперь давайте пройдемся по пунктам настроек слайдера. Слайд Номер 1 по Слайд Номер 5 несёт в себе поле для загрузки изображения и описание к нему.
Если вам описание не нужно, то просто не заполняйте данное поле. Сделал вкладки для каждого слайда отдельно, ибо так мне показалось более удобным . Ограничение как вы наверное уже догадались составляет 5 слайдов, так как для слайдеров 5 изображений более чем достаточно, хотя в некоторых случаях имеет место быть. Теперь о разделе «Настройка эффектов слайдера»
К каждому полю добавил описание, так что думаю более чем понятно. Название эффектов анимации полностью совпадают с эффектами плагина, так что в демке можете посмотреть все имеющиеся эффекты и выбрать для себя в дальнейшем нужный.
Пункт «Автопрокрутка слайдов» добавляет возможность запускать прокрутку изображений слайдера сразу же после загрузки страницы.
Пункт «Использование нумерации слайдов», изменяет формат превью под слайдами
Пункт «Эскизы слайдов» - управляет отображением показа эскизов слайдов при наведении
Пункт «Размер превью» определяет размер эскизов слайдов от оригинального размера изображения, вводится в %.
И теперь раздел настроек «Настройки блока слайдера», данный раздел несёт в себе лишь две настройки это ширина и высота блока со слайдером.
После выбора настроек слайдера не забудьте его вывести в необходимый вам регион. Название блока «Slider».
Если вам необходимо добавить какие то стили для блока со слайдером, то вот вам название класса
.slider-wrap
Вот в принципе пока и все возможности слайдера. Если у вас есть какие-то пожелания по данному модулю, то оставляйте их в комментариях, так же просьба писать обо всех ошибках модуля, желательно со скриншотом.
Обновление до версии 1.2.2 - [Перед обновлением модуля рекомендуется полностью удалить старую версию]
Изменения в модуле:
- Добавлена возможность использовать любой из пресетов image_style
- Исправлены некоторые баги, которые выдавали ошибки
- Решена проблема с сохранением загружаемых файлов
- [ИСПРАВЛЕНО]
На данный момент загрузка изображений должна производиться по порядку с 1 по 5 слайд (а не в произвольном), иначе получите ошибку
Обновление до версии 1.2.3
Изменения в модуле:
- Добавлена возможность выбора работы с изображениями, либо использовать оригинальные размеры изображения, либо использовать любой из пресетов Image Style
- Немного переделан интерфейс
Обновление до версии 1.2.4
Изменения в модуле:
- Добавлена мультиязычность для описания слайдов
Обновление до версии 2.1
Изменения в модуле:
- Добавлена возможность неограниченного создания слайдов
- Исправлена ошибка, после которой не сохранялись изображения слайдера, в версии 2.0
Теперь для добавления слайдов появился отдельный интерфейс, основанный на entity API, так что данный модуль (entity api) теперь обязателен для установки.
Все настройки модуля находятся там же, интерфейс добавления слайдов находится по пути "Структура -> Слайдер". Перед установкой необходимо полностью удалить предыдущую версию - они не совместимы.
скачать версию модуля 2.1Обновление до версии 2.1.1
Изменения в модуле:
- Исправлена ошибка после удаления любого из слайдов
Обновление до версии 2.1.2
Перед использованием данной версии, необходимо полностью удалить предыдущую. Они не совместимы. Изменения в модуле:
- Добавлена возможность указывать для слайда страницы, на которых данный слайд должен отображаться. Адреса необходимо указывать относительные, например: node/1
- Модуль pathauto - обязателен для установки
- Добавил контекстные ссылки для блока слайдера, для быстрого перехода к настройкам слайдера, списку слайдов и добавлению слайда скачать версию модуля 2.1.2
Комментарии (152)
Было бы очень здорово видеть такую возможность!
Спасибо за отличный модуль слайдера.
Есть одно предложением, сделать регулируемую задержку перед сменой слайдера.
Да, очень бы эта функция не помешала! Или хотя бы указать по какому пути её можно выставить вручную.
сори это не то что я думал :( я думал что это для привязке слайда к ноде.
Да я хочу чтоб при клике он открывал определенную ноду
Здравствуйте. Скажите, пожалуйста, а как изменить стиль текста Вашего модуля?
И было бы здорово иметь возможность скрытия модуля при отображении на мобильных устройствах.
Не работает в теме Bootstrap
Добрый день! Подскажите, пожалуйста, как изменить цвет кружочков под слайдером?
Как добавить ссылки, чтобы при нажатии на картинку или заголовок переходила в определенное место?
Слайдер очень понравился. Но все же хотелось бы иметь возможность к картинкам указывать ссылки на внутренние материалы сайта. Может кто поможет новичку, и подскажет как это реализовать? Буду очень благодарен!
Здравствуйте. Я очень долго искал слайдер без наворотов. Ну не нужно мне монструозный View гонять. Достаточно 5 картинок и все. Но таких нет. Случайно набрел сюда и понял, что это то, что нужно.
Но есть проблема. Все установил, но есть возможность загрузить только одну картинку. Либо это баг, либо я чего-то недопонимаю и где-то не нашел настройки.
Помогите, пожалуйста. Модуль - то, что нужно. Не хочу переходить на монстров из-за такого пустяка.
Слайды загружаются последовательно, а не массово все картинки. Т.е создали один слайд, затем можете создать еще и так до бесконечности
Спасибо большое за помощь. Я не додумался, что это оформление отдельного слайда, а не слайдера целиком...
Вот примерный вид при создании слайдера:
и что вас здесь смущает ?
Действительно.. На bootstrap не работает.. Отображает картинки одну под одной.. Хотя версия jQuery 1.7.. что может быть?
Здравствуйте,
установил модуль, захожу в: Главная » Управление » Конфигурация » Интерфейс пользователя
Block Slider Settings
вижу только настройки слайдера, а загрузок картинки нет.
Читайте статью до конца, а именно что добавлялось в новые версии... Слайды добавляются по пути Структура - Слайдер
Отличный модуль! Но есть вопрос, как скрыть полосу прогрузки слайдов?
Здравствуйте!
Вообще не понял, как вывести модуль на главную страницу. Нужно создать блок, а в содержимом блоке что писать? Как это сделать?
Ничего создавать не нужно. Блок уже есть, выводите его где хотите и добавляйте изображения по пути Структура - Слайдер.
http://chasdom.ru/
загружаю картинки а они вообще не появляются и как-то съезжают((
так настройте пресеты изображения и будет у вас все нормально отображаться. Выбор пресетов для слайдера находятся по пути Конфигурация - настройки слайдера
Да какие значения вводить?
Я уже все перепробовал, у меня только строка эта и все, больше ничего. Вообще не понимаю. Ну оставил я превью 25%, размер блока ввел 800х800. Что за блок?
В общем, странно.
Помогите мне, пожалуйста :) вовсе не понимаю.
Вам бы тогда с основными понятиями Drupal ознакомиться.
Создаете новый пресет изображения, по пути
Добавляете необходимые действия для изображения, например изменить размер 1180px на 450px. Сохраняете. Далее идете в настройки слайдера,
В разделе Image Style settings выбираете новый созданный вами пресет изображения.
В разделе Settings Slider Block вписываете значения вашего пресета 1180 на 450.
Сохраняте.
А к чему тогда параметры large, medium в настройках? Если вы написали, что нужно размеры еще подгонять и так далее.
large, medium - это системные пресеты изображений.
Ну вот загрузил я в слайд изображение, допустим 2000х2000 пикселей.
Выбираю лардж, который должен отмасштабировать до 480х480. Допустим размеры блока 800х800. Так можно? Но не работает вовсе это! Почему не выходит?
что именно не работает ? Если размеры блока будут больше слайда, то слайд заполнит всю область блока, поэтому и нужно указывать размеры точно.
Загрузил изображение 2000х2000, выбрал лардж, установил размер блока 480х480 ну и вот http://chasdom.ru/ ничего не вышло, строчка и все.
И не понимаю, как победить. В чем логика и какая последовательность действий. Почему не масштабируется 2000х2000 до 480х480. Или мне нужно создавать масштабирование под каждую картинку?
Ну вот скажите, если хочу загрузить изображение 2000х2000, как сделать рабочий слайд?
Скидывайте на почту доступ к сайту, я посмотрю.
вообщем записал видео настройки слайдера, проверьте - правильно ли вы все делаете. Видео в статье.
У меня не вышло( может действительно на почту данные сбросить, чтобы вы посмотрели?
Здравствуйте, при установке модуля слайда выдало такую ошибку, подскажите что нужно поправить? Заранее благодарю!
PDOException: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'kompleks-s_cms.slider' doesn't exist: SELECT sl.id AS id, sl.title AS title, sl.image AS image, sl.url AS url FROM {slider} sl; Array ( ) в функции slider_block_view() (строка 70 в файле /home/kompleks-s/nanotehprom.ru/docs/sites/all/modules/slider/slider.module).
у вас используется префикс для таблиц баз данных kompleks-s_cms.slider. Посмотрите под каким именем у вас создалась таблица slider при установке модуля и вообще создалась ли !
Здравствуйте Pantey, по разбираюсь на досуге и отпишусь, что получилось, пока создала слайдер на вьюсе, но там нет таких красивых эффектов как здесь.
Весьма симпатичный слайдер. Но как отключить полоску сверху, которая появляется в режиме слайд-шоу, и описание слайда?
Почему то слайдер не выводиться на главной странице. На любой другой выводиться в любом месте, а на главной нет. Может ли это быть из-за того что главная перекрыта через page--front.tpl.php?
Вопрос снят. Через некоторое время каким то образом заработало
Возможно нужно было запустить cron и очистить кэш
А как сделать слайд ссылкой, я не понял?
В программировании не силён - извернулся доступными средствами: модуль Block Title Link и растянул ссылку через css на 80% слайдера (чтобы стрелки не перекрывать)
А так слайдер очень крутой, только ссылок не хватает
Подскажите плиз. как убрать или скрыть имена слайдов а заодно и строку в которой они появляются. или если нельзя совсем, то как настрить ей размер и шрифт надписи. у меня размер слайдеоа 800х150 и строка при этом занимает почти теть самого слайдера.
Спасибо
закоментируйте эту строку
' .$title .'
'; в файле slider.module
Спасибо за модуль! Давайте его на drupal.org! Очень простой и быстро настраивается. При этом очень функционален!
Под мобильную версию не расчитан?
Воспроизведение только в демо версии?
Пантей подскажите все-таки, как сделать загружаемые слайды-картинки ссылкой на нужный адрес?
В версии 2.1.2 - для этого было создано отдельное поле