Question

像往常一样，如果已经回答道歉，我会发现很难准确描述我在搜索查询中要做的事情。

我基本上是在尝试重新制作幻灯片：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解决方案），这可能更适合我想要做的事情。

提前致谢！

马特

在主幻灯片 - cycle2的同时为上一张和下一张幻灯片设置动画

0 个答案: