2012-07-24 76 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的集合。

祝你好運!