least.js 2 - Random and Responsive HiDPI jQuery Gallery based on HTML5 and CSS3

		var page = 1;
		var per_page = 54;
		var keyword = "Bar+Refaeli";
	    $.getJSON('https://api.flickr.com/services/rest/?format=json&jsoncallback=?', {
		//この部分は必ずご自身のapi_keyと入れ替えてください。       "api_key": "2a05b6c699c389659c467768e7e03439",
		"api_key": "cc33804f6624eaea05252740e5972e95",
	        "method": "flickr.photos.search", //写真検索
	        "text": keyword, //検索語
	        "sort": "relevance", //並べ替え relevanceは関連度の高い順
	        "extras": "url_m", //写真サイズ
	        "per_page": per_page, //取得件数
	        "page": page, //ページ番号
	    }).done(function(data) {
			var html = '';
			var photo = '';
	        for (var i = 0; i < data.photos.photo.length; i++) {
	            var f = data.photos.photo[i];
				html += '<li><a href="' + f["url_m"] + '" title="' + f["title"] + '" data-subtitle=""><img src="' + f["url_m"] + '" alt="' + f["title"] + '" /></a></li>';
			}
			$('#least ul').append(html);
			$('#least ul').imagesLoaded(function() { $('#least ul').least(); });
        });
			
	<section id="least"><div class="least-preview"></div><ul class="least-gallery"></ul></section>
			
ページトップへ戻る