☰

jc_FitImg

將圖放大. 保護眼睛.

  1. // ==UserScript==
  2. // @name           jc_FitImg
  3. // @namespace      http://localhost/jc/
  4. // @.require     http://192.168.10.15/files/jquery-1.7.2.min.js
  5. // @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
  6. // @include        http://tieba.baidu.com/f?kz=*
  7. // @include        http://*/article/reader.php*
  8. // @include        http://blog.*
  9. // @include        http://*/html/*/*.html
  10. // @include        http://*/html/book/*.shtml
  11. // @include        http://*/*/*.html
  12. // @include        http://*/viewthread*
  13. // @include        http://*/discuz/thread*
  14. // @include        http://*/thread-*
  15. // @include        http://*/viewtopic.php*
  16. // @include        http://www.cecet.cn/*
  17. // @include        http://*.blogspot.com/*
  18. // @exclude        http://tt.mop.com/*
  19. // @exclude        http://www.piring.com/bbs/*
  20. // @exclude        http://ck101.com/*
  21. // @exclude        http://imagetwist.com/*/*.jpg.html
  22. // @exclude        http://www.dlsite.com/*
  23. // @description    將圖放大. 保護眼睛.
  24. // @version	       2014.09.22.23h
  25. // @grant           GM_addStyle
  26. // @grant           GM_log
  27. // ==/UserScript==
  28.  
  29.  
  30.  
  31. (function($) {
  32.  
  33. GM_addStyle("span#jcNextPic { position:fixed; cursor:pointer; top:10px; right:10px; border:1px solid #66CCFF; background-color:yellow; padding:2px; font-size:11px; z-index:100; }");
  34. GM_addStyle("span.jcButton { cursor:pointer; border:1px solid #66CCFF; background-color:yellow; color:black; padding:2px; font-size:11px; z-index:100; }");
  35.  
  36. /*
  37. // Add jQuery
  38. function loadjQuery() {
  39. 	
  40. 	if('undefined' == typeof unsafeWindow.jQuery) { 
  41. 		if (!GM_JQ) {
  42. 			//alert('1apple:1');
  43. 			var GM_JQ = document.createElement('script');
  44. 			//GM_JQ.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js';
  45. 			//GM_JQ.src = 'http://jqueryjs.googlecode.com/files/jquery-1.3.min.js';
  46. 			//GM_JQ.src = 'http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js';
  47. 			//GM_JQ.src = 'http://127.0.0.1:100/jquery-1.3.2.min.js';
  48. 			//GM_JQ.src = 'http://192.168.10.15/files/jquery-1.4.2.min.js';
  49. 			//GM_JQ.src = 'http://192.168.10.15/files/jquery-1.4.4.min.js';
  50. 			GM_JQ.src = 'http://192.168.10.15/files/jquery-1.7.2.min.js';
  51. 			//GM_JQ.src = 'http://code.jquery.com/jquery-1.4.4.min.js';
  52. 			//GM_JQ.src = 'http://192.168.10.15/files/jquery-1.6.4.min.js';
  53. 			//GM_JQ.src = 'http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js';
  54. 			GM_JQ.type = 'text/javascript';
  55. 			document.getElementsByTagName('head')[0].appendChild(GM_JQ);
  56. 			//alert('1apple:2');
  57. 		}
  58. 	}
  59. }
  60.  
  61. if ( ( 'undefined' == typeof unsafeWindow.jQuery ) || ( 'undefined' == typeof unsafeWindow.jQuery.noConflict ) ) {
  62. 	loadjQuery();
  63. }
  64. */
  65.  
  66. // Check if jQuery's loaded
  67. /*
  68. function GM_wait() {
  69. 	
  70. 	if('undefined' == typeof unsafeWindow.jQuery) { 
  71. 		window.setTimeout(GM_wait,100); 
  72. 	} else { 
  73. 		$ = unsafeWindow.jQuery;
  74. 		//var $ = unsafeWindow.jQuery.noConflict(true); 
  75. 		letsJQuery(); 
  76. 	}
  77. }
  78.  
  79. GM_wait();
  80.  
  81. */
  82.  
  83. letsJQuery(); 
  84.  
  85. var created_array = false;
  86. var array_imgs = [];
  87. var imgs_count = 0;
  88.  
  89. function create_img_array() {
  90. 	// create img array
  91. 	//$(document).scrollTop(0);
  92. 	if (!created_array) {
  93. 		
  94.     var imgs = document.images.length;
  95.     for(i = 0; i< imgs; i++) {
  96.       objImg = $(document.images[i]);
  97.       if ( (objImg.width() > 200) && (objImg.height() > 200) ) {
  98. 				array_imgs.push(this);
  99. 				imgs_count++;
  100. 			}
  101.     } // for
  102.     
  103. 		try {
  104. 			$('iframe').each(function() {
  105. 				
  106. 				var iframe_imgs = this.contentWindow.document.images;
  107. 				
  108. 				for (i = 0; i < iframe_imgs.length; i++) {
  109. 					if ( (iframe_imgs[i].width > 200) && (iframe_imgs[i].height > 200) ) {
  110. 						array_imgs.push(iframe_imgs[i]);
  111. 						imgs_count++;
  112. 					}
  113. 				}
  114. 				
  115. 			});
  116. 		} catch (e) {
  117. 		}		
  118. 		
  119. 		created_array = true;
  120. 		
  121. 	}
  122. }
  123.  
  124. // All your GM code must be inside this function
  125. function dojcResizeImage() {
  126. 	
  127. 	var html = '';
  128. 	
  129. 	var link_id = 10000;
  130. 	
  131. 	var goto_top = false;
  132.  
  133. 	// View Next Pic
  134. 	//var next_pic_html = '<span id="jcNextPic" style="position:fixed; cursor:pointer; top:10px; right:10px; border:1px solid #66CCFF; background-color:yellow; padding:2px; font-size:11px; z-index:10;">Next Pic</span>';
  135. 	var next_pic_html = '<span id="jcNextPic"><input type="button" id="jcNextPicBtn" value="Next Pic" /><input type="button" id="jcNextPicHideBtn" value="-" title="Hide" /><br />' + 
  136. 									'<span id="jcAutoWidthBtn" class="jcButton">auto</span>' + 
  137. 									'<span id="jc100WidthBtn" class="jcButton">100%</span>' + 
  138.                   '<span id="jcCrossImagesBtn" class="jcButton">排</span>' + 
  139. 									'</span>';
  140. 	
  141. 	
  142. 	$('body').prepend( next_pic_html );
  143. 	
  144. 	//$(document).scroll(function() {		$('#jcNextPic').text( $(document).scrollTop() );	});
  145. 	
  146. 	var imgCollection = $('img').filter(function(index) {
  147. 		return (($(this).width() > 100) && ($(this).height() > 100));
  148. 	});
  149. 	
  150. 	if (0 == imgCollection.length) {
  151. 		$('#jcNextPic').hide();
  152. 	} else {
  153. 		$('#jcNextPic').show();
  154. 	}
  155. 	
  156. 	$('#jcNextPicHideBtn').click(function() {
  157. 		$('#jcNextPic').hide();
  158. 	});
  159. 	
  160. 	$('#jcNextPicBtn').click(function() {
  161. 		
  162. 		create_img_array();
  163. 		
  164. 		if (goto_top) {
  165. 			$(document).scrollTop(0);
  166. 			//$('#jcNextPic').text('Next Pic');
  167. 			$('#jcNextPicBtn').val('Next Pic');
  168. 			goto_top = false;
  169. 		}
  170. 		
  171. 		var doc_top = $(document).scrollTop();
  172. 		var oked = false;
  173. 		var jump_nexted = true;
  174. 		
  175. 		$.map(array_imgs , function(elm , idx) {
  176. 			//$('body').append( idx + ': ' + $(document).scrollTop() + ' ;;; ' + doc_top + '<br />' );
  177. 			if (!oked) {
  178. 				elm.scrollIntoView();
  179. 				if ($(document).scrollTop() >= (doc_top+1)) {
  180. 					oked = true;
  181. 				}
  182. 			}
  183. 		});
  184. 		
  185. 		if (doc_top == $(document).scrollTop()) {
  186. 			jump_nexted = false;
  187. 		}
  188. 		
  189. 		if (!jump_nexted) {
  190. 			//$('#jcNextPic').text('Goto First');
  191. 			$('#jcNextPicBtn').val('Goto First');
  192. 			goto_top = true;
  193. 		}
  194. 		
  195. 	});
  196. 	
  197. 	
  198. 	$('#jcAutoWidthBtn').click(function() {
  199. 		var imgs = document.images.length;
  200.     for(i = 0; i< imgs; i++) {
  201.       objImg = $(document.images[i]);
  202. 			objImg.css('width' , 'auto')
  203.                   .css('height' , 'auto');
  204. 		} // for
  205. 	});
  206. 	
  207. 	$('#jc100WidthBtn').click(function() {
  208. 		var imgs = document.images.length;
  209.     for(i = 0; i< imgs; i++) {
  210.       objImg = $(document.images[i]);
  211. 			
  212. 			if (objImg.width() > 300) {
  213. 				objImg.css('width' , '100%')
  214.                     .css('height' , '100%');
  215. 			}
  216. 		} // for
  217. 	});
  218.   
  219.   // 排列圖片
  220.   $('#jcCrossImagesBtn').click(function() {
  221.       doJcCrossImages();
  222.   });
  223. 	
  224. 	
  225. }
  226.  
  227.  
  228.  
  229.  
  230. //if (!$) {	GM_wait(); } 
  231.  
  232. // All your GM code must be inside this function
  233. function restoreSourceImage() {
  234.  
  235. 	doJcMainWork();
  236. 	
  237. }
  238.  
  239.  
  240. function doJcMainWork() {
  241. 	
  242. 	var doCount = 0;
  243.  
  244. 	
  245. 	//GM_log('jc_fitimg START doJcMainWork().');	
  246. 	//GM_log('jc_fitimg IMG count = ' + $('img').length);	
  247. 	
  248. 	
  249. 	var imgs = document.images.length;
  250.   for(i = 0; i< imgs; i++) {
  251. 		
  252. 		try {
  253.       objImg = $(document.images[i]);
  254. 			var ImgWidth = objImg.width();
  255. 			var ImgHeight = objImg.height();
  256. 			
  257. 			if ( (ImgWidth > 250) && (ImgHeight > 500) && ("undefined" == typeof objImg.attr('jcFitImg')) ) {
  258. 				
  259. 				var InnerWidth = window.innerWidth;
  260. 				var InnerHeight = window.innerHeight;
  261. 				
  262. 				//if (InnerWidth > 1200) {				InnerWidth = 1200;			}
  263. 				
  264. 				
  265. 				if (true) {
  266. 					// 取得 Image 的 Left
  267. 					var elem = document.images[i];
  268. 					var xPos = elem.offsetLeft;
  269. 					var tempEl = elem.offsetParent;
  270. 			  		while (tempEl != null) {
  271. 			  			xPos += tempEl.offsetLeft;
  272. 				  		tempEl = tempEl.offsetParent;
  273. 			  		}
  274. 					var ImgLeft = xPos;
  275. 					// ...
  276. 					//var ratio = (InnerWidth - Math.min(ImgLeft,32)) / ImgWidth;
  277. 					var ratio = (InnerWidth - ImgLeft) / ImgWidth;
  278. 					
  279. 					var ImgNewWidth 	= ImgWidth * ratio - 52;
  280. 					var ImgNewHeight 	= ImgHeight * ratio - 32;
  281. 					
  282. 					var LimitWidth = 1200;
  283. 					if (ImgNewWidth > LimitWidth) {
  284. 						ImgNewHeight = ImgNewHeight * (LimitWidth/ImgNewWidth);
  285. 						ImgNewWidth = LimitWidth;
  286. 					} else {
  287. 						ImgNewWidth = LimitWidth;
  288. 						ImgNewHeight = ImgHeight * (ImgNewWidth/ImgWidth);
  289. 					}
  290. 			
  291. 					
  292. 					//GM_log('jc_fitimg IMG src = ' + $(this).attr('src') );
  293. 					//GM_log('jc_fitimg IMG ' + doCount + ' -> Old WH=' + ImgWidth + 'x' + ImgHeight );
  294. 					//GM_log('jc_fitimg IMG ' + doCount + ' -> New WH = ' + ImgNewWidth + 'x' + ImgNewHeight);
  295. 					
  296. 					
  297. 					doCount++;
  298. 					
  299. 					objImg.width(ImgNewWidth)
  300.                   .height(ImgNewHeight)
  301.                   .css('border' , '1px groove red')
  302.                   .css('z-index' , '10')
  303.                   .attr('jcFitImg' , true);
  304.                   //.attr('title' , 'Left = ' + ImgLeft + ' :: Old = ' + ImgWidth + 'x' + ImgHeight + ' :: New = ' + ImgNewWidth + 'x' + ImgNewHeight);
  305. 				}
  306. 			}
  307. 		} catch(e) {
  308. 			GM_log('jc_fitimg EXCEPT in 255 line.');
  309. 		}
  310. 	}; // for
  311. 	
  312. 	
  313. 	
  314. 	if (doCount > 0) {
  315. 		//alert('jc Fit Images count = ' + doCount);
  316. 	}
  317.  
  318. 	/*
  319. 	window.setTimeout( function() {
  320. 		doJcMainWork();
  321. 	} , 5000 );
  322. 	*/
  323. 	
  324. 	
  325. }
  326.  
  327. function letsJQuery() {
  328.  
  329. 	var url_self = window.location.href;
  330. 	try {
  331. 		var url_parent = window.parent.location.href;
  332. 	} catch(e) {
  333. 		var url_parent = '';
  334. 	}
  335. 	
  336. 	if ( url_self == url_parent ) {
  337.  
  338. 		window.setTimeout(function() {
  339. 		
  340. 			if ( (typeof jc_nextpic_mark == 'undefined') || ('NP' != jc_nextpic_mark) ) {
  341. 				//alert($);
  342. 				window.setTimeout(function() {
  343. 					restoreSourceImage();
  344. 				} , 100);
  345. 				
  346. 				window.setInterval(function() {
  347. 					restoreSourceImage();
  348. 				} , 5000);
  349. 				
  350. 				window.setTimeout(dojcResizeImage , 100);
  351. 			}
  352. 		
  353. 		} , 3000);
  354.     
  355.     
  356.     window.setTimeout(function() {
  357.       
  358.         /*
  359.         var imgs = document.images.length;
  360.         for(i = 0; i< imgs; i++) {
  361.           $(document.images[i]).css('width', '1800px');
  362.         }
  363.         */
  364.       
  365.     }, 1000);
  366.     
  367. 		
  368. 	}
  369. 	
  370. }
  371.  
  372.  
  373. function doJcCrossImages() {
  374. 	// 排列圖片
  375.   console.log("exec doJcCrossImages()");
  376. 	var container = $('body');
  377. 	var cw = container.width();
  378. 	var container2 = $('<div id="divJcCrossImagesArea"></div>');
  379. 	
  380. 	container.prepend(container2);
  381. 	
  382. 	container.find('img').each(function() {
  383. 		if ( ($(this).width() > 200) && ($(this).height() > 200) ) {
  384.       
  385.       if ($(this).parent()[0].tagName == 'A') {
  386.         container2.append('<span style="width:30px; height:30px;"><a href="' + $(this).parent().attr('href') + '" target="_blank">LINK</a></span>');
  387.       }
  388.       container2.append($(this));
  389.       $(this).css('vertical-align' , 'top');
  390.       
  391. 		}
  392. 	});
  393. }
  394.  
  395.  
  396.  
  397. //GM_log('GM_run_jc_piring_add_url' + document.documentElement.innerHTML.match(re));
  398.  
  399. })(jQuery);
  400.  

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址