2012-07-06 53 views
0

我正在嘗試製作一個非常簡單的全屏幕CSS滑塊。簡單的全屏幕CSS滑塊

http://jsfiddle.net/Sy4hz/

這通常是我怎麼會做一個很簡單的一個,我不認爲我會永遠有更多的那麼五個事情,我想就可以了。我很難搞清楚如何使它成爲全屏。用固定的寬度,你可以告訴它的照片大小,並說移動了很多像素,我正在考慮用百分比來做它,並且只要包含div是100%高度,如果它是4張圖片以百分比滑動,25 ,75,100%。問題在於,如果圖像比較寬,那麼它的高度就會隨着這個想法消失。

有沒有人有關於如何做到這一點的任何想法?

在此先感謝。

回答

0

嘗試Supersized;)它很棒,而且非常可定製。

+0

嗯,這是一種可能性。我認爲我想要做的並不是那麼複雜,而且我很樂意讓某人解釋我嘗試的變化。這是一個小滑塊,如果我不需要,我寧可不必帶一個JS庫。 – loriensleafs 2012-07-06 17:28:55

+0

使用jQuery和Supersized將需要大約100KB,這並不是很多novadays。另外,如果您想純粹用CSS解決您的問題,請準備好解決舊版瀏覽器的問題。 – 2012-07-07 09:40:37