☰

Flickr Large Embed

Based on 'Flickr Original Link' (https://greasyfork.org/en/scripts/3135-flickr-original-link-beta). Adds an 'Embed' field containing HTML code for each photo.

当前为 2014-11-28 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        Flickr Large Embed
  3. // @namespace   https://greasyfork.org/en/scripts/6699-flickr-large-embed
  4. // @description Based on 'Flickr Original Link' (https://greasyfork.org/en/scripts/3135-flickr-original-link-beta). Adds an 'Embed' field containing HTML code for each photo. 
  5. // @include     /^https?:\/\/.*\.?flickr\.com\/photos\/.*/
  6. // @version     2014-11-27
  7. // @grant       GM_getValue
  8. // @grant       GM_setValue
  9. // @require 	http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
  10. // ==/UserScript==
  11. //
  12.  
  13. // TODO: 
  14. // improve onclick	
  15. // figure out how to refresh when navigating to previous/next on the photo page
  16. // style embed (opacity?)
  17.  
  18. var source = "";
  19.  
  20. /*
  21.  * support function
  22.  */
  23.  
  24. function action_singlephoto() 
  25. {
  26.     var size = document.documentElement.innerHTML.match(/"sizes":{(.+?})}/i);
  27.  
  28.     var mWidth, mHeight, mLink, mSize, length;
  29.     var strCss = ".bigButton {display : inline-block; cursor : pointer; border-style : solid; border-width : 2px; border-radius : 50px; padding : 15px 15px; font-size : 10pt; font-weight : bold;} .smallButton { display: inline-block; padding: 0.6em; margin: 0.4em; background-color: pink; border-radius:1.5em;font-size:10pt}";
  30.     $('head').append('<style>' + strCss + '</style>');
  31.     mSize = size[0].match(/"width":"?\d+"?,"height":"?\d+"?,/ig);
  32.     mLink = size[0].match(/"url":"[^"]+"/ig);
  33.     length = mLink.length;
  34.  
  35. 	var embedSize = 0;
  36. 	var linkSize = 0;
  37.     for (var k = 0; k < length; k++) {
  38.  
  39. 		var myArray = mSize[k].match(/:\w+,/g);
  40. 		var width = parseInt(myArray[0].replace(':','').replace(',',''));
  41. 		var height = parseInt(myArray[1].replace(':','').replace(',',''));
  42.  
  43. 		mSize[k] = mSize[k].replace(/"width":(\d+),"height":(\d+),/i, "$1 x $2");
  44. 		mLink[k] = "http:" + mLink[k].replace(/"url":"([^"]+)"/i, "$1").replace(/\\/g, "");
  45.  
  46. 		if (embedSize == 0 && (width >= 800 || height >= 600) ) {
  47. 			embedSize = k;
  48. 		}
  49. 		
  50. 		if (linkSize == 0 && (width >= 2048 || height >= 1024) ) {
  51. 			linkSize = k;
  52. 		}
  53. 		
  54. 		if (embedSize == 0 && k == length-1) {
  55. 			embedSize = k;
  56. 		}
  57. 		if (linkSize == 0 && k == length-1) {
  58. 			linkSize = k;
  59. 		}
  60.     }
  61.  
  62. 	var embedCode = '<a href="' + mLink[linkSize] + '" target="_blank" border="0"><img src="' + mLink[embedSize] + '" border="0"/></a>';	
  63.  
  64.     var insertLocation = $('.sub-photo-right-row1');
  65.     if (insertLocation.length > 0) {
  66. 		insertLocation.append('<div style="color: black; display:block;">Embed <input type="text" name="textfield" onclick="this.select();" style="width:350px;" id="EMBED" value="Loading"/></div>');
  67. 		$('#EMBED').val(embedCode);
  68.     }
  69. }
  70.  
  71. function action_photostream() 
  72. {
  73. 	source = document.documentElement.innerHTML.match(/"sizes":.*?}}/g);
  74.  
  75.     if (source == null) {
  76. 		console.log('err: no source');
  77. 		
  78. 		return false;
  79.     }
  80.     var t1 = $('a[data-track="prev"]').attr('href');
  81.     if (t1 != null) {
  82. 		var t2 = $('span.this-page').text();
  83. 		t1 = t1.replace(/\/page\d+\//i, "/page" + t2 + "/");
  84. 		var $div = $('<div>');
  85. 		$div.load(t1, function() {
  86. 			var source2 = $(this).text().match(/"sizes":.*?}}/g);
  87.  
  88. 			source = source.concat(source2);
  89. 		});
  90.     }
  91.     var target = $('body')[0];
  92.     var config = {
  93. 		childList : true,
  94. 		subtree : true,
  95.     };
  96.     var observer = new MutationObserver(function(mutations, ob) {
  97. 		console.log("Mutation occurred");
  98. 		if ($('.myMotherFuckingLink').filter(':first').length > 0) {
  99. 			console.log("Download link existed");
  100. 			
  101. 			return false;
  102. 		}
  103. 		var photoDisplayItem = $('.photo-display-item');
  104. 		console.time('Insert links');
  105. 		$('.myMotherFuckingLink').remove();
  106. 		photoDisplayItem.each(showLink);
  107. 		console.timeEnd('Insert links');
  108.     });
  109.     observer.observe(target, config);
  110. }
  111.  
  112. function pageType() 
  113. {
  114.     var title = $('head title').text();
  115.     var type = "none";
  116.     if (title.match(/flickr.+photostream/i) != null) type = 'photostream';
  117.     else if (title.match(/an album on flickr/i) != null) type = 'photostream';
  118.     else if (title.match(/flickr - photo sharing/i) != null) type = 'singlephoto';
  119.     else if (title.match(/favorite photos and videos/i) != null) type = 'favorite';
  120. 	else if (title.match(/from the people you follow/i)!=null) type = 'favorite';
  121.     // else if (document.URL.match(/flickr\.com\/groups\//i) != null) type = 'favorite';
  122.     else if (title.match(/flickr.+pool$/i) != null) type = 'favorite';
  123.     console.log("page type " + type);
  124.  
  125.     return type;
  126. }
  127.  
  128. function showLink(index, elem) 
  129. {
  130.     var $e = $(elem);
  131.     var photoId = $e.attr('data-photo-id');
  132. 	$e.find('.attribution-block').append('<div class="myMotherFuckingLink" style="color: white; display: block; opacity: 0.5">Embed <input type="text" name="textfield" onclick="this.select();" style="width:100px;" id="EMBED_' + photoId + '" value="Loading"/></div>');
  133.  
  134. 	var embedUrl = false;
  135. 	var linkUrl = false;
  136. 	var currentEmbedWidth = 100000;
  137. 	var currentEmbedHeight = 100000;
  138. 	var currentLinkWidth = 100000;
  139. 	var currentLinkHeight = 100000;
  140. 	var maxWidth = 0;
  141. 	var maxHeight = 0;
  142. 	var maxUrl = false;
  143.  
  144.     for (var i = 0; i < source.length; i++) {
  145.  
  146. 		if (source[i].indexOf(photoId) == 40) {
  147.  
  148. 			var sizes = JSON.parse('{'+source[i]+'}');
  149. 			
  150. 			$.each(sizes.sizes, function( index, size ) {
  151. 			
  152. 				var width = parseInt(size.width);
  153. 				var height = parseInt(size.height);
  154.  
  155. 				if ((width >= 800 || height >= 600) && width < currentEmbedWidth && height < currentEmbedHeight) {
  156. 					embedUrl = size.url;
  157. 					currentEmbedHeight = height;
  158. 					currentEmbedWidth = width;
  159. 				}
  160. 							
  161. 				if ((width >= 2048 || height >= 1024) && width < currentLinkWidth && height < currentLinkHeight ) {
  162. 					linkUrl = size.url;
  163. 					currentLinkHeight = height;
  164. 					currentLinkWidth = width;
  165. 				}
  166. 							
  167. 				if (width > maxWidth && height > maxHeight) {
  168. 					maxWidth = width;
  169. 					maxHeight = height;
  170. 					maxUrl = size.url;
  171. 				}
  172.  
  173. 			});
  174.  
  175. 			if (!linkUrl) {
  176. 				linkUrl = maxUrl;
  177. 			}
  178. 			if (!embedUrl) {
  179. 				embedUrl = maxUrl;
  180. 			}
  181.  
  182. 			if (linkUrl && embedUrl) {
  183. 				var embedCode = '<a href="' + linkUrl + '" target="_blank" border="0"><img src="' + embedUrl + '" border="0"/></a>';	
  184. 				$('#EMBED_'+photoId).val(embedCode);
  185. 			}				
  186. 		}
  187. 	}
  188. }
  189.  
  190. /*
  191.  * end support
  192.  */
  193.  
  194. // Hide the Yahoo toolbar
  195. $('#eyebrow').hide();	
  196. // Move the flickr toolbar to the top
  197. $('#global-nav').css('top', '0px');
  198.  
  199. var type = pageType();
  200.  
  201. if (type == 'photostream') {
  202. 	action_photostream();
  203. } else if (type == 'singlephoto') {
  204. 	action_singlephoto();
  205. }