Таким образом вы можете быстро загружать свои соединения LinkedIn в красивые ссылки в виде миниатюр, используя некоторый jQuery и API LinkedIn. Проверьте демо ниже. Примечание. Вам также необходимо включить свой ключ API от LinkedIn, который вы можете получить из Сети разработчиков LinkedIn .
демонстрация
Войдите в LinkedIn, чтобы загрузить свои соединения.
LinkedIn Connections
JQuery
function loadLinkedInData() { //element cache var connectionsElem = jQuery("#connections"), loadingElem = connectionsElem.find('.loading'); //show loading image loadingElem.show(); //load in linkedin connections IN.API.Connections("me") .fields(["pictureUrl","publicProfileUrl"]) //fields to load in .params({"count":30}) //number of thumbs to display .result(function(result) { //process the results for each connection create html var profHTML = " "; jQuery.each(result.values, function(i,v) { if (v.pictureUrl) { profHTML += " "; profHTML += " "; } }); profHTML += ' '; //display the connections html jQuery("#connections").html(profHTML); }); }
function loadLinkedInData() { //element cache var connectionsElem = jQuery("#connections"), loadingElem = connectionsElem.find('.loading'); //show loading image loadingElem.show(); //load in linkedin connections IN.API.Connections("me") .fields(["pictureUrl","publicProfileUrl"]) //fields to load in .params({"count":30}) //number of thumbs to display .result(function(result) { //process the results for each connection create html var profHTML = " "; jQuery.each(result.values, function(i,v) { if (v.pictureUrl) { profHTML += " "; profHTML += " "; } }); profHTML += ' '; //display the connections html jQuery("#connections").html(profHTML); }); }function loadLinkedInData() { //element cache var connectionsElem = jQuery("#connections"), loadingElem = connectionsElem.find('.loading'); //show loading image loadingElem.show(); //load in linkedin connections IN.API.Connections("me") .fields(["pictureUrl","publicProfileUrl"]) //fields to load in .params({"count":30}) //number of thumbs to display .result(function(result) { //process the results for each connection create html var profHTML = " "; jQuery.each(result.values, function(i,v) { if (v.pictureUrl) { profHTML += " "; profHTML += " "; } }); profHTML += ' '; //display the connections html jQuery("#connections").html(profHTML); }); }
HTML
LinkedIn Connections