大廈可調整大小的jQuery Mobile的旋轉木馬

Question

我很多天嘗試到找到解決小問題：

我見過很多旋轉木馬圖像滑塊與導航按鈕，讓您初始化動態圖像的數量，並建立滑塊，使你可以用Next和Prev按鈕導航，但都不調整大小。 例如：http://www.bxslider.com/examples/display-move-multiple-slides-once-example-one

我的問題是，我想用jQuery Mobile及以上mobile，在分辨率與每一個電話改變顯示。最好笏測試它是否適合與否是調整瀏覽器窗口，並檢查滑塊偷showen。在上面的例子中，它不可調整大小。

如何建立一個類似的事情有3張圖片，1中，2中康納斯與文本下他們和導航按鈕滾動圖像1個圖像和重要變薄，因此可調整大小。

Found類似於例如用於電話：http://m.husqvarnacp.com/us/但其無法讀取。

感謝您的幫助......

Answer 1

如果你想擴展基於瀏覽器窗口大小調整您的網頁，那麼你應該看看這種技術。 How to implement a web page that scales when the browser window is resized?

如果問題只是圖像的大小不同，那麼您可以修復圖像的高度並讓寬度變化，因此滑塊不會影響頁面的佈局。 還要考慮這個畫廊滑塊插件，Step Carousel plugin

Answer 2

我設法做到這一點使用flexslider：http://www.woothemes.com/flexslider/

這是很容易設置和你可以在演示（http://flexslider.woothemes.com/）看到，它的響應。

它也適用於觸摸事件，所以它非常適合移動。