Googleカスタム検索

Nested

	$.getJSON('https://api.flickr.com/services/rest/?format=json&jsoncallback=?', {
				"api_key": "cc33804f6624eaea05252740e5972e95",
				"method": "flickr.photos.search", //写真検索
				"text": keyword, //検索語
				"sort": "relevance", //並べ替え relevanceは関連度の高い順
				"extras": "url_m", //写真サイズ
				"per_page": 61, //取得件数
				"page": 1, //ページ番号
			}).done(function(data) {
				var html = '';
				var photo = '';
				for (var i = 0; i < data.photos.photo.length; i++) {
					var f = data.photos.photo[i];
					html += '<div class="box"><a href="' + f["url_m"] + '" title="' + f["title"] + '"><img src="' + f["url_m"] + '" /></a></div>';
				}
				$('#box-container').html(html);
				if (typeof oldIE === 'undefined' && Object.keys) {
					hljs.initHighlighting();
				}
				baguetteBox.run('#box-container');
				$('#box-container').imagesLoaded(function() {
					$('#box-container').nested();
				});
			});		
			
		$('#imgkey').change(function(){
			keyword = $(this).val();
			$.getJSON('https://api.flickr.com/services/rest/?format=json&jsoncallback=?', {
				"api_key": "cc33804f6624eaea05252740e5972e95",
				"method": "flickr.photos.search", //写真検索
				"text": keyword, //検索語
				"sort": "relevance", //並べ替え relevanceは関連度の高い順
				"extras": "url_m", //写真サイズ
				"per_page": 61, //取得件数
				"page": 1, //ページ番号
			}).done(function(data) {
				var html = '';
				var photo = '';
				for (var i = 0; i < data.photos.photo.length; i++) {
					var f = data.photos.photo[i];
					html += '<div class="box"><a href="' + f["url_m"] + '" title="' + f["title"] + '"><a href="' + f["url_m"] + '" title="' + f["title"] + '"><img src="' + f["url_m"] + '" /></a></div>';
				}
				$('#box-container').html(html);
				if (typeof oldIE === 'undefined' && Object.keys) {
					hljs.initHighlighting();
				}
				baguetteBox.run('#box-container');
				$('#box-container').imagesLoaded(function() {
					$('#box-container').nested({
						resizeToFit: true,
						resizeToFitOptions: { 
							resizeAny: true
						}
					});
				})
			});		
		});
	
			
	
ページトップへ戻る