我只是現在進入jquery並慢慢學習它（我知道是恥辱），並且作爲一個webdesigner我覺得它的使用非常重要。你如何構建這個？
現在我想figuire了一個如何去建立一個滑塊上所示：http://karmalooptv.com
我看過的源代碼，但由於在網站上Drupal的主持過程中，有很多不必要的腳本和樣式，這些滑動條可能不需要滿足我的需求。
我不明白它是如何在屏幕上伸展並循環顯示圖像，並且當它到達最後一張幻燈片的左側或右側時，它會用第一張/最後一張圖片填充它並繼續。
在先進的感謝...
我創建了這個的jsfiddle幫助您：http://jsfiddle.net/QEVqN/7/
有一個滑塊的原始功能。讓我解釋我在做什麼： 1）可見幻燈片和唯一需要動畫的幻燈片， 2）當我們向左或向右導航時，將輸入幻燈片對準正確的位置（向右或向左）並用可見的動畫向右或向左移動
如果有很多（也許是100），則不必爲所有幻燈片設置動畫，並且可以獲得循環效果。 通常情況下，您將爲包含所有幻燈片的div設置overflow：hidden，但我沒有，所以您可以看到背後發生了什麼。這裏是溢出：隱藏http://jsfiddle.net/QEVqN/6/
非常感謝你，這是我能找到的最好的例子。我猜測它的寬度無限是不可能的？ – user1232698 2012-04-18 21:05:54
我不確定你想要什麼。你不能設置無限寬度，我無法想象你需要什麼。 – gabitzish 2012-04-18 21:08:38
您可以使用百分比設置元素的寬度，它將適應任何顯示器 – gabitzish 2012-04-18 21:09:43
有你需要的幾種技術：
＃3中的所有動畫都是漸變的，所以您可以獲得滾動效果。 ＃4的變化是瞬時的，所以用戶不會知道。
謝謝你喬納森打破它。我會開始試驗這種技術，看看我得到了什麼。 – user1232698 2012-04-18 20:33:02
檢查出一些在這裏提到的幻燈片： http://slodive.com/freebies/best-jquery-slideshow-gallery-plugins/
這也是一個很好的一個： http://slidesjs.com/
大多數的jQuery插件允許您自定義下的循環性能，但他們都會有不同的語法。
在您發佈的示例中，他們可以通過設置元素的寬度（990px）和高度（554px）CSS屬性在屏幕上拉伸圖像。
哦，所以他們基本上有無限數量的幻燈片，如果你有屏幕尺寸越來越大？ – user1232698 2012-04-18 20:37:08
或者我應該說與屏幕尺寸一起增長？ – user1232698 2012-04-18 21:08:03
如果您希望圖像和滑塊與屏幕一起增長，則可以按照gabitzish的建議將圖像寬度設置爲100％（您可能還必須在圖像的父元素上設置此寬度，具體取決於標記和CSS的外觀like） – chicagoing 2012-04-19 00:57:55
這是一個教程，將有助於 - http：// jqueryfordesigners。com/jquery-infinite-carousel/ – 2012-04-18 20:05:08
我還沒有嘗試過任何東西，因爲坦率地說我很笨，我並沒有要求代碼真的只是像Jay所做的那樣。現在我明白如何構建一個無限旋轉木馬，我想知道他們如何能夠在任何屏幕尺寸下拉伸滑塊？ – user1232698 2012-04-18 20:09:18
爲此，您將爲您的CSS設置這些div以使用百分比而不是像素。你必須嘗試。 – 2012-04-18 20:18:27