我之前为移动网站使用此插件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/在图像滑块中引入了滑动效果。