Chia sẻ code Facebook album browser
Hôm nay mình sẽ chia sẻ cho các bạn Template Blogger Facebook album browser. Temp này rất nhẹ, đẹp và tiện ích. Nguồn: codepen.io/dejanstojanovic/pen/QjwLZp
Chia sẻ code Facebook album browser
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="//rawgit.com/dejanstojanovic/Facebook-Album-Browser/master/src/jquery.fb.albumbrowser.js"></script>
<link rel="stylesheet" type="text/css" href="//rawgit.com/dejanstojanovic/Facebook-Album-Browser/master/src/jquery.fb.albumbrowser.css" />
</head>
<body>
<div class="fb-album-container"></div>
<script type="text/javascript">
$(document).ready(function () {
$(".fb-album-container").FacebookAlbumBrowser({
account: "natgeo",
accessToken: "775908159169504|cYEIsh0rs25OQQC8Ex2hXyCOut4",
showComments: true,
commentsLimit:3,
showAccountInfo: true,
showImageCount: true,
showImageText: true,
shareButton: false,
albumsPageSize: 0,
photosPageSize: 0,
lightbox: true,
photosCheckbox: true,
pluginImagesPath: "../src/",
likeButton: true,
shareButton: true,
addThis:"ra-52638e915dd79612",
photoChecked: function(photo){
console.log("PHOTO CHECKED: " + photo.id + " - " + photo.url + " - " + photo.thumb);
console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length);
},
photoUnchecked: function (photo) {
console.log("PHOTO UNCHECKED: " + photo.id + " - " + photo.url + " - " + photo.thumb);
console.log("CHECKED PHOTOS COUNT: " + this.checkedPhotos.length);
},
albumSelected: function (photo) {
console.log("ALBUM CLICK: " + photo.id + " - " + photo.url + " - " + photo.thumb);
},
photoSelected: function (photo) {
console.log("PHOTO CLICK: " + photo.id + " - " + photo.url + " - " + photo.thumb);
}
});
});
</script>
</body>
</html>
Chia sẻ code Facebook album browser
Reviewed by Kẻ Lang Thang
on
12/13/2016 05:57:00 AM
Rating:
Reviewed by Kẻ Lang Thang
on
12/13/2016 05:57:00 AM
Rating:
No comments: