2016-02-21 245 views
0

我想在不使用插件的情況下將filmstrip添加到滾動圖片的頁面。所以我在網上找到了很好的javascript(http://jsfiddle.net/benknowles/TUwqn/2/),這正是我想要做的。這裏是腳本:將javascript添加到wordpress頁面

jQuery(document).ready(function($) { 
    $('#filmstrip').filmstrip({ 
     interval : 3000 
    }); 
}); 

這是我迄今爲止所做的。我將javascript上傳到我的服務器,並在WordPress的頁腳中添加。然後,我複製了http://jsfiddle.net/benknowles/TUwqn/2/上的示例中的HTML,並將其替換爲我的圖像的位置。從示例中添加了css,但我無法正確顯示它。

我錯過了什麼嗎?

+3

'.filmstrip()'是不是內置jQuery功能 - 它是一個插件。 https://rawgit.com/benkno/jquery-filmstrip/master/js/jquery.filmstrip.js – j08691

+0

應該遵循適當的記錄wordpress約定排隊從一個兒童主題功能文件的新腳本 – charlietfl

回答

0

至於j08691提到的,你需要在你的HTML this file代碼塊之前:

jQuery(document).ready(function($) { 
    $('#filmstrip').filmstrip({ 
    interval: 3000 
    }); 
}); 

它給你的filmstrip功能訪問

+0

謝謝你們,讓我試試這個和儘快給您回覆。 –

+0

對此有何進展?這是一個被接受的答案嗎? –

+0

我無法讓它工作沒有。找到了另一個爲我工作的插件。 –