做网站|网站建设,就上易助科技网

前端技术文档及相关资料下载

关于前端html、css、js等技术上的各种疑难棘手问题的解决方案探讨及相关资料下载!

JS在网页中显示tagram照片插件itafeed.js
来源:易助科技网浏览量:3收藏

简介

itafeed.js是一款JS插件,是一种在网站上显示Instagram照片的一种简单方法。

简单options:

KeyDefault ValueValid typesDescription
accessTokennullString, Function必修的。Instagram访问令牌,可以是字符串,也可以是返回字符串的函数
debugfalseBoolean设置为true以显示调试信息
filternullFunction用于从结果中排除图像的函数。函数将被赋予图像数据作为参数,并期望函数返回布尔值。
limitnullNumber最多显示此多个帖子
sortnullFunction用于对媒体进行排序的自定义函数,而不是默认的“最近”排序
target'instafeed'String, DOM ElementID或要添加图像的DOM元素本身。
template'<a href="{{link}}"><img title="{{caption}}" src="{{image}}" /></a>'String用于为文档生成HTML的胡子模板。
transformnullFunction用于在图像数据呈现之前对其进行转换的函数。


使用

1.  引入文件

<script type="text/javascript" src="path/to/instafeed.min.js"></script>


2.  HTML

<div id="instafeed"></div>


3. 简单使用

<script type="text/javascript">
var feed = new Instafeed({
accessToken: 'your-token'
});
feed.run();
</script>


相关链接

官方文档 :https://instafeedjs.com/#/

GitHub 地址:https://github.com/stevenschobert/instafeed.js/wiki/Version-2-migration-guide