2011-12-13 59 views
1

我正在開發響應式電子商務網站。這是相當艱難的,但我喜歡它:)在響應式網站覆蓋圖中很好地顯示浮動元素

對於購物車,我決定顯示貨架上的產品類別和單個產品的覆蓋。

See here

的問題是,它幾乎是不可能的樣式他們一個體面的方式,因爲我不知道有多少人會有也不怎麼大觀衆的窗口會。

我可以使用什麼樣的模式來顯示這個可變長度的數據,我將如何實現它?

回答

1

我一直在使用jQuery Infinite Carousel取得了很大的成功。對於您的產品來說,這可能是一個很好的模式,可以在不知道有多少可用的情況下在疊加層中顯示它們。

旋轉木馬的編碼相當簡單。只需在無序列表中提供您的內容並相應地應用jQuery。

+0

感謝@ bpeterson,讓我看看我是否理解得很好。這個傳送帶可以隨時響應,所以它可以適應任何窗口大小,並且它會將我的物品放在一行中,讓用戶可以水平滾動查看其他產品。您建議顯示一行產品提供一個比現在更像多行表的更好的用戶界面,我是否正確? –

+0

@Francesco,我只是真的指的是覆蓋。我想我會把初始表格視圖(3行中的5個項目)分頁,然後做一些簡單的jQuery show-hide,其中有一些淡入淡出。在一個循環中建立表格,迭代項目數量,當你點擊rowmax(在這種情況下爲5)時,開始一個新行,當行數達到3時,結束並創建一個新的表。然後按照我所描述的顯示/隱藏。 – bpeterson76

+0

我試過了。我必須說,這正是我所期待的。如果它不是「無窮大」的東西...... :)我怎麼能禁用它? http://jsfiddle.net/2RyuZ/(ot:我應該爲此提出一個新問題嗎?) –