創建一個簡單的jQuery映像滑塊，使用不透明度或滑動效果

在繼續之前，重要的是要了解兩個關鍵的jquery函數：eq() selects an element based on its index value.

Slider Effects

1. fadein / fadeout效果
• 
• 
...

• 1
• 2
... 才 位置：相對； } ul.images li { 位置：絕對； } [2 var Triggers = $（'ul.triggers li'）; var images = $（'ul.images li'）; var lastElem = triggers.length -1; triggers.first（）。 addClass（'active'）; images.hide（）。 first（）。 show（）; 功能sliderResponse（target）{ images.fadeout（300）.eq（target）.fadein（300）; triggers.removeclass（'active'）。 eq（target）.addclass（'active'）; } 2。滑動效果
• html：
與fadein/fadeout效果相同

triggers，單擊事件，和時機：此完整的解決方案允許自定義滑塊的外觀和功能，以滿足特定的需求。不透明度和滑動效果可以很容易地互換以創建不同的外觀。此外，可以通過觸發器，下一個/prev按鈕來控制滑塊，甚至可以使用正時函數自動。