Полноэкранное слайдшоу средствами модулей [РЕШЕНО]

Главные вкладки

Аватар пользователя leramulina leramulina 29 июня 2014 в 9:47

Ищу модуль, который позволил бы
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...

Комментарии

Аватар пользователя leramulina leramulina 4 июля 2014 в 7:47

Спасибо Sky Cat!

Я уже решила все средствами Views Slideshow + Views Slideshow Cycle. Люблю что-то реализовывать внутренними средствами Drupal.

Аватар пользователя yuriyafanasov yuriyafanasov 6 июля 2014 в 17:11

Добрый вечер, Лера. Помогите пожалуйста вставить сетку в Nivo Slider. Никак не решу эту задачу самостоятельно... Заранее благодарен.

Аватар пользователя yuriyafanasov yuriyafanasov 6 июля 2014 в 18:06

Если кому нужно:

.nivoSlider:after {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 7;
        content: '';
        background: transparent url(../images/sb.png) repeat top left;
}