創建一個獨立的JavaScript“滑塊”

Question

冒着向世界展示我是新手的風險，這里是：

我正在使用寬度（100％）流暢的網站進行工作。 在一個特定的頁面上，我希望有一個滑塊（盡管我想它實際上是一個推子），其中包含文本和HTML的幻燈片看起來像頁面的另一部分，但是當用戶單擊某個特定單詞時或一張幻燈片上的圖像，將跳至另一張指定的幻燈片。 這是一個圖形，希望可以解釋我要做什么：

http://marcatectura.com/wp-content/uploads/2012/08/Slider-graphic.jpg

我好幾天都在搞混JSfiddle，但是似乎無法達到預期的效果： http : //jsfiddle.net/Koubenec/yxPQV/50/

非常感謝經驗豐富的人員對stackoverflow的任何幫助。

Answer 1

嘗試這個：

http://jsfiddle.net/PV7jA/9/

Answer 2

基於Coda Slider（位於http://jqueryfordesigners.com/coda-slider-effect/ ）的代碼正是我想要的！