Question

我希望使用Dribbble API在我的投资组合网站上介绍我的运球。我不是PHP人，这就是为什么我不知道如何使用API（http://dribbble.com/api）。

如何进入我的HTML或PHP页面？

关心并请原谅我的不耐烦。

干杯！

Answer 1

您可以考虑使用一些jquery插件来帮助您将镜头导入您的网站，这是一个示例（http://gbin1.com/gb/demoviewer/360/06242ba0-40a1-45fd-946f-cc89e0df64c9/index.html.htm），它使用了名为Jribbble v1.0.0的jquery插件，希望有帮助！

Answer 2

使用此JS并将用户信息更改为您的名称

// variables used

var slgoetzShots;
var slgoetzNum = 1;
var active = "Slgoetz";



// slgoetz shots
function slgoetzGet(pageNum){
var url = "http://api.dribbble.com/slgoetz/shots";
$.get(
    url, {page:pageNum, per_page:"30"},
    function(data){
        slgoetzShots = data;
        slgoetzNum += 1;
        render(slgoetzShots);
    },
    "jsonp"
);
};



// slgoetzGet: render
function getSimon(){
if (active != "slgoetz"){
    slgoetzGet("1");
    $('#'+active).removeClass("active");
    $('#Everyone').addClass("active");
    active = "Simon Goetz";
    slgoetzNum = 1;
};
};

//popular shots is default
getSimon("1")


var inner = ""; 
var innerP1 = '<li><div class="dribbble"><div class="shot"><a href="';
var innerP2 = '"><img src="';
var innerP3 = '"></a></div><div class="likes">'  
var innerP4 = ' Likes</div><div class="comments">'
var innerP5 = ' Comments</div><div class="name">'
var innerp6 = '</div></div></li>'


function render(filter){
for (var i = 0; i<filter.shots.length;i++){
    inner = inner + innerP1 + filter.shots[i].url + innerP2 +         filter.shots[i].image_url + innerP3 + filter.shots[i].likes_count + innerP4 +        filter.shots[i].comments_count + innerP5 + filter.shots[i].title + innerp6;

};

$('.gallery').html(inner);
inner = "";
};


function loadMore(){
switch(active){


    case "Simon Goetz":
        inner = $('.gallery').html();
        slgoetzGet(slgoetzNum.toString());
        break;
};
 };

HTML将.gallery类添加到div

使用带有PHP的Dribbble API

2 个答案: