Ищу модуль, который позволил бы
1) растянуть слайдшоу на полный экран
2) сделать несколько отдельных блоков слайдшоу
1. Сначала установила на сайте слайдшоу без модуля http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slide...
Работает отлично! очень красивое, с интересными эффектами зуммирования и движения текста.
2. Через какое-то время стало понятно, что придется для удобства пользователя реализовывать каким-нибудь модулем. Поставила Nivo Slider. https://www.drupal.org/project/nivo_slider Он автоматически растягивает картинку под размер экрана. В принципе, если поработать с css, то,думаю, можно получить нечто подобное http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slide...
Но проблема этого модуля в том, что он предоставляет только один блок. А мне нужны два раздельных блока, которые будут размещаться в разных регионах.
3. Попробовала модуль Views Nivo Slider, но он начинает некорректно работать, если кроме изображений выводить текст - делает паузу между слайдами и выводить сразу текст из всех нод вместо их ротации.
4. Поставила Views Slideshow + Views Slideshow Cycle. https://www.drupal.org/project/views_slideshow Листает корректно - и изображения, и текст. Но проблема в том, что я не могу настроить css так, чтобы слайдшоу растягивалось на весь экран. И не уверена, что это вообще возможно в данном случае.
5. Views Slideshow + Views Slideshow: Dynamic Display Block https://www.drupal.org/project/views_slideshow_ddblock не заработал вообще.
Подскажите, пожалуйста, как решить данный вопрос.
P.S. Views Slideshow + Views Slideshow Cycle. Выставила
.views-slideshow-cycle-main-frame-row {
width: 100%;
}
.view-frontpage-slideshow img {
width: 100%;
height: auto;
}
Потом убрала margin из всех окружающих background регионов и слоев.
На css сделала анимацию картинок и текста
С помощью :before сделала наложение сеточки на background, чтобы не было видно дефектов растянутого изображения.
В общем, получилось как на примере http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slide...
Комментарии
Для ваших задач подойдёт Fotorama http://fotorama.io/
Спасибо Sky Cat!
Я уже решила все средствами Views Slideshow + Views Slideshow Cycle. Люблю что-то реализовывать внутренними средствами Drupal.
Доброго времени суток Лера, не разъясните -как сделать слайдшоу этими модулями ?
Заранее спасибо))
Добрый вечер, Лера. Помогите пожалуйста вставить сетку в Nivo Slider. Никак не решу эту задачу самостоятельно... Заранее благодарен.
Nivo Slider глючный. Я отказалась от его использования.
Таки сделал! В любом случае спасибо за ответ. Вот что получилось http://sortex.pro/
yuriyafanasov, класс! Очень хорошо!
Спасибо
Если кому нужно:
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 7;
content: '';
background: transparent url(../images/sb.png) repeat top left;
}