2012-10-29 44 views
0

坐落在一個PHP頁面下面的代碼:自動滾動(旋轉)UL

$(function() { 
    $(".scrollable").scrollable({ items: "li", circular: true, mousewheel: false, next: ".next", prev: ".prev" }).autoscroll({autoplay: true, interval: 100}); 
}); 

這個小幻燈片應該是能夠滾動由左(旋轉)圖像,權當頁面加載。我對PHP不太瞭解,但是這個代碼不應該足以讓幻燈片自行移動嗎? (當用戶點擊左右按鈕時,它會移動)

如果有更好,更快,更簡單的方法來做到這一點,我真的很喜歡這裏的一些建議。我試過四處尋找,但是我發現任何代碼對於這個小任務似乎都太複雜了。

編輯:我沒有創建頁面,所以我不知道這個函數來自哪裏。我正在查看所有包含的頁面,以查看我是否可以找到javascript/jquery被調用的位置。

回答:對jquery的調用在我必須找到的另一個頁面上。但是,是的,這是問題!只有一行jquery被調用,而不是在我選擇的答案中提到的兩行。 :/看起來像有人開始頁面,但從來沒有完成他們。

+1

看起來像jQuery見http://jquerytools.org/demos/scrollable/index.html。在嘗試調用它之前,您是否在頁面上加載jQuery和相關的可滾動插件? –

+0

什麼是控制檯輸出? – 11684

+0

您是否使用'.scrollable()'方法使用jQuery TOOLS? – 11684

回答

1

您需要一些CSS + jQuery + jQuery TOOLS插件擴展。

就像這樣:http://jsbin.com/oviqap/1/edit

進一步的細節

+0

有一個問題,有沒有一種方法來隨機化圖像?我在'prev:「.prev」'後面加了'random:1',但它沒有做任何事情。我也試過把它放在'interval:1000'後面 – jlg

+1

@jlg這個插件不支持隨機選項。您需要在顯示之前使用PHP對輸出進行隨機化,或者在加載之後使用更多的JavaScript來混洗DOM節點。示例[Shuffle DOM Elements](http://css-tricks.com/snippets/jquery/shuffle-dom-elements/) –

+1

這是一個工作示例http://jsbin.com/oviqap/2/edit –