2013-02-10 22 views
-6

目标:要使用carouFredSel,建立滑块具有相同的行为,因为这一个http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html用carouFredSel构建具有此要求的图像滑块?

说明:有5个缩略图位于波纹管的主图像。幻灯片应从第一个缩略图开始,然后在一段时间后,必须选择下一个缩略图,然后是下一个和下一个。当它到达第5个缩略图时,必须自动滚动到下5个缩略图。当用户将鼠标悬停在整个滑块区域上时,必须停止所有动画。

HTML:

<div style="width: 600px;"> 
<div id="slides-images"> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
    <img src="http://placehold.it/600x300"/> 
</div> 
<div id="slides-thumbs" class="clearfix"> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
    <div><img src="http://placehold.it/110x80" /></div> 
</div> 
<a id="prev" href="#">Prev</a> 
<a id="next" href="#">Next</a> 
</div> 

的jsfiddle:http://jsfiddle.net/hfMmk/1/

+0

等待**问题:** – 2013-02-10 15:53:36

+0

方式过于具体和本地化。 – Puppy 2013-02-10 15:55:48

+0

:D好的。我的问题是如何建立它,因为显然我不知道:) – RhymeGuy 2013-02-10 15:57:26

回答

4

构建图像滑盖carouFredSel这个要求吗?

+1

好吧,明白了:D! – RhymeGuy 2013-02-10 15:57:57

+3

@RhymeGuy:很高兴能帮到你。 – 2013-02-10 15:58:10

+0

我只是想知道我可以得到多少缺陷..:D – RhymeGuy 2013-02-10 15:58:49