jQuery滑块帮助

我正在创建自己的自定义内容滑块，并想知道最好的方法是使用jQuery。jQuery滑块帮助

我想要有两个按钮之前/之后。当用户点击下一个时，当前幻灯片将向左滑动并显示新幻灯片。

我应该如何去做这个jQuery？我会使用一个插件，但在定制时它们非常烦人。

到目前为止的代码：

<!--Main slider content--> 
    <div class="contentslider_content" style=" float:left; width:890px; height:300px; border:1px solid #CCC; overflow:hidden;"> 

    <div class="contentslider_slides slide_1" style=" float:left; width:890px; height:300px; background-color:#0F3"></div> 

    <div class="contentslider_slides slide_2" style=" float:left; width:890px; height:300px; background-color:#ccc"></div> 

    <div class="contentslider_slides slide_3" style=" float:left; width:890px; height:300px; background-color:#ccc"></div> 

    </div> 
    <!--Main slider content--> 

<button class="next">Next</button> 

<button class="previous">Previous</button>

来源

2010-09-06 user342391

这是我的方法：http://jsfiddle.net/UpDcS/3/

我在做什么是（基本上）：所有项目均默认为隐藏，并在视口中绝对定位。我创建了两个函数，它们包含了获取幻灯片中下一个/上一个元素的逻辑，以便可以无限滚动。通过将新项目设置在当前项目的左侧/右侧并将两个项目均移动100％来实现滑动。在此之后，（现在）旧项目再次隐藏。我希望你能弄清楚细节。这应该是一个很好的起点。

来源

2010-09-06 23:08:34 jwueller

我的答案是不看好JQ代码本身 - 它是关于概念。

我提出的类似的东西我自己：

创建X元素，而X是在静点显示的元素的数量（假设1）加2个，一个在右边，一个在左边。我将它们命名为“lefter” - “中心” - “点对点”
创建与我想要显示（HTML创建和JQ将其收集到一个JS数组）
的按钮简单地把内容元素的数组innerLevel，lefter，center和righter元素。
然后将JS将选择的两个选项之一：
- 左移=从100％调整大小lefter为0（可以ADDA淡入淡出效果，当它是在5％..）
- 做相同，但是在右边。

而且，作为定制..这几乎是 '风格自由'，只是它的CSS。

希望我明白你的问题，它正在回答它。贝纳

来源

2010-09-06 22:49:59 yossi

jQuery滑块帮助

回答

相关问题