-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (47 loc) · 1.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script>
var user = 'thomasengebrand';
var api = 'Rh1n3l1jyDgqRz0ssQqLR7NEM5qxG070';
$(document).ready(function () {
for (var i = 1; i <= 3; i++) {
$.getJSON("http://www.behance.net/v2/users/" + user + "/projects?api_key=" + api + "&callback=?", function (data) {
var project_str = "";
for (i = 0; i < data.projects.length; i++) {
obj = {};
obj = data.projects[i];
project_str += '<a class="tips more-info link" data-placement="bottom" href="#' + obj.id + '"><div class="span3 portfolioitem"><img src="' + obj.covers['404'] + '" /><div class="portfolioitem-hoverinfo"><h3>' + obj.name + '</h3></div></div></a>';
}
$('#portfolio-items').append(project_str);
});
}
});
$('a.link').live('click', function () {
h = window.location.hash.replace('#', '');
$.getJSON("http://www.behance.net/v2/projects/" + h + "?api_key=" + api + "&callback=?", function (data) {
var project_data = "";
for (var i = 0; i < data.project.modules.length; i++) {
if (data.project.modules[i].type == "image") {
project_data += '<img src="' + data.project.modules[i].src + '" />';
}
if (data.project.modules[i].type == "text") {
project_data += '<p>' + data.project.modules[i].text + '</p>';
}
}
$('.portfolio-details h3').html(data.project.name);
$('.portfolio-details div').html(project_data);
$('.portfolio-details').fadeIn(6000);
});
});
</script>
</head>
<body>
<h2>Hello volvo</h2>
<div class="portfolio-details">
<h3></h3>
<div></div>
</div>
<div id="portfolio-items"></div>
</body>
</html>