Question

我之前为移动网站使用此插件http://slidesjs.com/创建了一个图片滑块。为了满足我的客户端的要求，我还对插件进行了一些修改，并在插件定义的事件上触发了一些函数。现在，通过使用触摸移动滑块，滑块中的滑块图像也需要滑动效果。

我使用了一些滑动代码，但它们与之前用来制作滑块的插件冲突。与以前一样，您一次只能使用一种功能。

    <div class="slides-wrapper">
        <div class="wrapper-spacer"></div>
        <div class="slides-container">
            <div id="productImage1" class="slideshow-image">
                <img src="../images/ecommerce-work-1.png" alt="Product 1" />
            </div>
            <div id="productImage2" class="slideshow-image">
                <img src="../images/ecommerce-work-2.png" alt="Product 2" />
            </div>
            <div id="productImage3" class="slideshow-image">
                <img src="../images/ecommerce-work-3.png" alt="Product 3" />
            </div>
        </div>
    </div>

这是主图像滑块容器的标记，滑块插件使用两个以上的分页容器和下一个上一个按钮。虽然它们是我用来显示图像名称的另一个容器。我探索了一些滑块插件，但它们非常粗糙，不使用变量作为类名而不是名称。所以一切都会产生很多错误。我很难对javascript插件的核心进行更改，因为我不是前端开发人员而且更熟悉php

我使用此插件http://superdit.com/2011/08/28/swipe-like-effect-based-on-jquery-ui-draggable/在图片滑块中引入滑动效果。

Answer 1

我最近遇到了类似的问题，并使用了hammer.js：http://eightmedia.github.com/hammer.js/

Answer 2

我建议您使用已包含滑动功能的FlexSlider。 HTML代码与更改某些类名几乎相同。

如何在图像滑块中进行滑动效果？

2 个答案: