2012-04-19 47 views
0

今天早些时候,我能够找到一个滑块,我修改了该滑块以满足我正在处理的网页设计项目的需求。对近完美的jquery滑块的微小修改

虽然我有这个滑块的一个简单问题,但我无法修改脚本,以便在滑动时使图像居中,以便主图像出现在屏幕中间,滑动前和滑动后向左或向右)。

这里是的jsfiddle(原谅我,如果我做错了,这是我第一次使用它):http://jsfiddle.net/6CfbC/

与任何建议,将有很大的帮助,如果可能的话反正是有,我可以让它循环?到最后一张幻灯片的一部分显示在第一张幻灯片左侧的位置,并且当我一直滑到任一侧的末端时,它会循环播放?

谢谢你在提前伙食。

回答

1

据我所知,它看起来正确后,我纠正了HTML。

<li>元素人失踪开始<在很多地方:

>li> 

这里有一个更新的小提琴,似乎没什么问题:

http://jsfiddle.net/6CfbC/1/

+0

我没有意识到,但只要我做了这些编辑没有真正改变。这是我在滚动时看到的内容,也是第一张幻灯片开始的地方:http://img717.imageshack.us/img717/1280/46755413.jpg(以红色突出显示) – user1232698 2012-04-19 09:26:40

+0

@ user1232698:您能否提供更新的代码?您的旧代码开始使图像变大,并且不与所定义的宽度/高度对齐,但我编辑的小提琴停止了这样做,一切看起来都正确。 – 2012-04-19 09:36:12

+0

另外我看了你的第二个问题(这应该是一个单独的问题)的elastislide代码,我找不到一个简单的方法来使用预定义的接口。你可以编辑源代码来完成它。试试这个:在动画检查之后,改变'_slide'的实现,以确定'current'是最后一个/第一个(取决于方向)。如果是这样,请将当前设置为包装值,然后调用'_slideToCurrent' – 2012-04-19 09:41:03

0

我想你会更好去滚动 - 有一个循环插件叫圆形:http://jquerytools.org/documentation/scrollable/index.html

这些半开始的幻灯片大多是错误的动画函数或css错误在您的包装周围的滑块(足够宽的所有幻灯片? (是的,它是!))

您损坏的HTML

</li>li> 

做到了为他人

其怪异复制所有幻灯片4倍,仍然不循环....

提及,但
+0

我可能会与可滚动的一起去,但我几乎完成这一个,所以我要去争取它...检查我的评论上面,它诚实地没有解决我的问题。 – user1232698 2012-04-19 09:29:03