如何使用Twitter-Post-Fetcher在旋转木马中添加推文?

时间:2018-05-31 17:17:32

标签: javascript html css twitter

我正在使用Jason Mayes的Twitter-Post-Fetcher(http://jasonmayes.com/projects/twitterApi/),我想在旋转木马中逐个显示推文。 目前我的carousel插件是slick.js(http://kenwheeler.github.io/slick/),我打算在"单项"中使用它。模式。

Slick html:

 <div class="single-item">
    <div id="example4></div>
    <div id="example5"></div>
    <div id="example6"></div>
 </div>

光滑的jquery:

$('.single-item').slick();

默认情况下,Twitter-Fetcher使用ID来识别和显示推文。就我而言,我用作&#34;占位符&#34;三个具有相同ID的配置,但想象它们是不同的:

var config4 = {
 "id": '988087557270507521',
 "domId": 'example4', 
 "maxTweets": 5,
 "enableLinks": true,
 "showUser": true,
 "showTime": false,
 "dateFunction": dateFormatter,
 "showRetweet": false
};

twitterFetcher.fetch(config4);


var config5 = {
 "id": '988087557270507521',
 "domId": 'example5', 
 "maxTweets": 5,
 "enableLinks": true,
 "showUser": true,
 "showTime": false,
 "dateFunction": dateFormatter,
 "showRetweet": false
};

twitterFetcher.fetch(config5);


var config6 = {
 "id": '988087557270507521',
 "domId": 'example6', 
 "maxTweets": 5,
 "enableLinks": true,
 "showUser": true,
 "showTime": false,
 "dateFunction": dateFormatter,
 "showRetweet": false
};

twitterFetcher.fetch(config6);

如何为每个配置配备轮播?

0 个答案:

没有答案