Анимируйте предыдущий и следующий слайды одновременно с основным слайдом - цикл2

Как обычно, извиняюсь, если на этот вопрос уже был дан ответ, но мне было очень трудно точно описать, что я пытаюсь сделать в поисковом запросе.

По сути, я пытаюсь воссоздать слайд-шоу здесь: http://www.aucklanddj.co.nz/weddings

Хотя я использую плагин jQuery cycle2. Моя основная проблема заключается в том, чтобы показать предыдущее и последующее изображение, а также основное изображение, а затем анимировать их. Это легко возможно с помощью cycle2?

Это то, что у меня сейчас есть:

<div class="slide-container cycle-slideshow" 
    data-cycle-fx="scrollHorz"
    data-cycle-timeout="3000"
    data-cycle-speed="700"
    data-cycle-caption-plugin="caption2"
    data-hide-non-active="false">
        <img src="images/1.jpg" class="img-responsive pull-left" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens" />
        <img src="images/2.jpg" class="img-responsive pull-left" data-cycle-title="Redwoods" data-cycle-desc="Muir Woods National Monument" />
        <img src="images/3.jpg" class="img-responsive pull-left" data-cycle-title="Angel Island" data-cycle-desc="San Franscisco Bay" />
</div>

Я надеялся, что атрибут hide-non-active сработает, но он не анимирует предыдущие или следующие изображения.

Любая помощь очень ценится... даже если вы можете предложить другой плагин jQuery (или любое другое решение javascript), которое может быть лучше для того, что я пытаюсь сделать.

Заранее спасибо!

Matt

0 ответов

Другие вопросы по тегам