2012-07-24 60 views
1

我该如何隐藏所有不在顶部的ul。Jquery Li图片库

代码:http://jsfiddle.net/mSmbv/375/

我需要的李在顶部是唯一的一个隐患。所有其他人都应该隐藏起来,直到他们滑入视图并将顶部滑入底部。

编辑:我已经到了可以让他们滑入和滑出的地步,但我更喜欢一个很好看的淡入/淡出,当前nad next li会互相淡入。 http://jsfiddle.net/mSmbv/386/

+0

嗨@MCG。这更像是要求某人为您的代码编写脚本。您可能会收到回复。但是对于某个人来说这将会是很多工作。你试过什么jQuery?给我们一个例子吗?另外,你有没有尝试谷歌“jQuery图片库”或类似的,说http://is.gd/fdQS0T – 2012-07-24 02:08:22

+0

嗨贾森, 我只试过easySlider 1.7,所以希望任何人都可以建议良好的支持和记录jquery画廊,将适合上面的代码。我知道,当有许多其他浏览器支持的其他语言时,期望有人编写脚本是不公平的,我只是在寻找可能基于我的需求/代码工作的脚本。 – MCG 2012-07-24 02:20:11

+0

编辑:脚本的最简单形式可以简单地是旋转ul的Li,其中只显示当前的li,然后显示x秒,下一个li代替前一个,并且这变成连续循环。 与http://jsfiddle.net/mSmbv/类似,但每次只显示1个li。 – MCG 2012-07-24 02:23:30

回答

1

使用您当前的代码,我会使用CSS3选择器。

#rotated li 
{ 
    display: none; 
} 

#rotated li:nth-child(1) 
{ 
    display: list-item; 
} 

我会尝试沿着这些线。你也可以使用jQuery来转换你的CSS效果。最糟糕的情况是,您可以通过指定强制显示的重要CSS类和您正在查找的样式来遍历LI的集合。

祝你好运!