2012-04-19 30 views
0

今天早些時候,我能夠找到一個滑塊,我修改了該滑塊以滿足我正在處理的網頁設計項目的需求。對近完美的jquery滑塊的微小修改

雖然我有這個滑塊的一個簡單問題,但我無法修改腳本,以便在滑動時使圖像居中,以便主圖像出現在屏幕中間,滑動前和滑動後向左或向右)。

這裏是的jsfiddle(原諒我,如果我做錯了,這是我第一次使用它):http://jsfiddle.net/6CfbC/

與任何建議,將有很大的幫助,如果可能的話反正是有,我可以讓它循環?到最後一張幻燈片的一部分顯示在第一張幻燈片左側的位置,並且當我一直滑到任一側的末端時,它會循環播放?

謝謝你在提前伙食。

回答

1

據我所知,它看起來正確後,我糾正了HTML。

<li>元素人失蹤開始<在很多地方:

>li> 

這裏有一個更新的小提琴,似乎沒什麼問題:

http://jsfiddle.net/6CfbC/1/

+0

我沒有意識到,但只要我做了這些編輯沒有真正改變。這是我在滾動時看到的內容,也是第一張幻燈片開始的地方:http://img717.imageshack.us/img717/1280/46755413.jpg(以紅色突出顯示) – user1232698 2012-04-19 09:26:40

+0

@ user1232698:您能否提供更新的代碼?您的舊代碼開始使圖像變大,並且不與所定義的寬度/高度對齊,但我編輯的小提琴停止了這樣做,一切看起來都正確。 – 2012-04-19 09:36:12

+0

另外我看了你的第二個問題(這應該是一個單獨的問題)的elastislide代碼,我找不到一個簡單的方法來使用預定義的接口。你可以編輯源代碼來完成它。試試這個:在動畫檢查之後,改變'_slide'的實現,以確定'current'是最後一個/第一個(取決於方向)。如果是這樣,請將當前設置爲包裝值,然後調用'_slideToCurrent' – 2012-04-19 09:41:03

0

我想你會更好去滾動 - 有一個循環插件叫圓形:http://jquerytools.org/documentation/scrollable/index.html

這些半開始的幻燈片大多是錯誤的動畫函數或css錯誤在您的包裝周圍的滑塊(足夠寬的所有幻燈片? (是的,它是!))

您損壞的HTML

</li>li> 

做到了爲他人

其怪異複製所有幻燈片4倍,仍然不循環....

提及,但
+0

我可能會與可滾動的一起去,但我幾乎完成這一個,所以我要去爭取它...檢查我的評論上面,它誠實地沒有解決我的問題。 – user1232698 2012-04-19 09:29:03