連續的旋轉木馬由jQuery UI驅動

>這款jQuery UI連續的旋轉木馬，rcarousel，可帶回到兒童旋轉木馬的懷舊之旅，但沒有運動疾病！ 1.1版具有重大改進，包括對任何HTML內容（不僅僅是圖像）和簡化使用的支持。 只需將您的內容添加到容器中並初始化小部件。

高度可自定義的rcarousel允許每頁多個旋轉木馬，可見的可見元素和可調節的滾動步驟。 還支持通過API（例如，獲取XML或JSON）加載動態元素。 關鍵功能包括廣泛的選項，鏈接的圖像和元素以及垂直旋轉木馬功能。

>具有寬闊的瀏覽器兼容性（Internet Explorer 7，Firefox 3.0，Chrome，Opera 10.10，Safari 4.0.5），它不是為超級瀏覽器設計的。

> RCarousel在作者的業餘時間開發和維護，是開源協作的證明。 讚賞捐款以支持開發商在失業期間。 對於使用Lightboxes的人，作者還推薦RlightBox2。

關於作者

來自波蘭的自學成才的前端開發人員Wojciech Ryrych對Linux，開源和連續學習充滿熱情。

rcarousel頁面：（損壞的鏈接）

常見問題（常見問題解答）

>

我如何自定義旋轉木馬的外觀？ >>>>通過修改其關聯的CSS文件以匹配您的網站樣式，包括顏色，字體和尺寸，可以輕鬆自定義旋轉木馬的設計。 利用jQuery UI的類或創建自定義樣式以實現唯一效果。

>

我可以在一個頁面上使用多個旋轉木馬嗎？ 確保每個旋轉木馬俱有獨特的ID來防止衝突，並在JavaScript中單獨初始化它們。 根據旋轉木馬的需要調整設置（可見的物品，速度，方向）。

>>如何添加圖像字幕？樣式的這些字幕在您的CSS中，並適當地定位它們。 使用jQuery也可以基於圖像

屬性的動態字幕生成。

> >>如何啟用自動滾動？一個正數值設置滾動延遲（以毫秒為單位），而

>使用默認速度。 它是否支持移動設備上的觸摸事件？ 滾動滾動，

選項允許啟用/禁用觸摸控制。 >

>>如何添加導航按鈕？ 在您的html中包括“ prev”和“ next”按鈕，並使用jQuery綁定單擊事件，調用輪播的prev和next方法。

。 我可以從數據庫或API嗎？ >的是，可以使用Ajax獲取數據，然後使用JQuery創建元素並將其附加到旋轉頻率上。 請記住調用

>更新旋轉木馬狀態的方法。 ><li>如何添加淡出過渡？ reload

我可以暫停懸停在懸停的旋轉木馬嗎？

>我可以與其他jQuery UI小部件一起使用嗎？ 例如，使用滑塊來控制滾動速度。

以上是連續的旋轉木馬由jQuery UI驅動的詳細內容。更多資訊請關注PHP中文網其他相關文章！