21 марта 2014 в 16:24
Подскажите как сделать подобный слайдер?
Слайдер на изображении: автоматический, миниизображения справа вертикальные, на основном изображении Заголовок и ссылка "Подробнее...".
Испробовал вариант с Juicebox, но он платный, в бесплатной версии мало настроек.
Содержимое сайта публикуется на условиях CreativeCommons Attribution-ShareAlike 3.0 или более поздней версии. Программные коды в тексте статей — на условиях GNU GPL v2 или более поздней версии.
Документация по совместной работе с репозиторием drupal.ru – https://docs.drupal.ru/code
Drupal – торговая марка Дриса Бёйтарта
Поддерживать инфраструктуру Drupal.ru нам помогает компания ДАЛЕЕ
Комментарии
[module=views]+[module=views_slideshow]+css+для картинок imagecache
ЕМНИП в 7-ке он ядерный, не?
Спасибо, то что надо, осталось css поправить.
А как вместо текста ссылок "предыдущий" "далее" "пауза" - сделать стрелки (изображения)?
естественно, потому и не ссылка
Я с помощью css делаю. Шрифт делаю размером 0. И с помощью background изображение цепляю. В интернете есть рецепты.
Можно спец шрифтом, т.к. слайдщоу позволяет текст менять.
Наверняка есть способ не через css или символы замену произвести. Но у меня нет опыта.
А что бы навигатор стал изображениями - есть настройка в самом слайдшоу
то же использую views+ views_slideshow, вот только не пойму как реализовать миниатюры сбоку?
Идея примерно такова:
1. Формат должен быть "поля", где обязательно есть поле с изображением.
2. В настройках слайдшру выбрать в навигаторе определенное поле.
Извиняюсь за скриншоты из разных типов. Просто под рукой были именно они, а в голове лень
vortex, с построчным навигатором понятно, а вот поле изображение ведь одно и тоже как сделать что бы главное было большим а миниатюры маленькие и где указать их количество?
1. Добавить два одинаковых поля с разным форматёром изображений
2. Миниатюры относятся к одной ноде? (у меня нода имеет по одному изображению) Иначе филд-коллекшн нужен.
Спасибо, по первому пункту все понял и сделал.
По второму пункту у меня тоже 1 нода содержит 1 поле изображение, я имею ввиду как вывести больше миниатюр в самом слайд шоу, сейчас их отображается 2 штуки.
Все получилось на ура. Добавил еще одно поле "изображение" в миниатюре, сделал их как миниизображения которые будут справа, по клику которых сменяется основное изображение и чтобы не дублировались - исключил из вывода.
А темизировать оказывается легко, в том числе вместе ссылок сделать изображения можно используя шаблоны в корне модуля вьюс_слайдшоу, только перед этим их надо скопировать в директорию темы.
Всем спасибо!
Вроде с миниатюрами разобрался, теперь остался вопрос: как вывести заголовок ноды поверх главного изображения в слайд шоу?
Нужно добавить новое поле Заголовок и средствами css вывести его поверх основного изображения.
аналогично
Еще вопрос как все эти изображения вывести в одну строчку, то есть главное слева а миниатюры с права от него, сейчас миниатюры располагаются под основным изображением и css: float: left и display: inline не дают результата, так как это вроде как разные элементы, основная картинка и элементы навигации.
Не только разные элементы, но и родительские div'ы.
Наверняка есть views-slideshow-controls-bottom или аналогичное для навигатора. А у контента свой views-slideshow-cycle-main-frame-row-item.
Второму можно флоат, а для певого придется выкручиваться, например, фиксированными размерами, что бы двумя строками стало.