卡饭头像

zh-cn
当前为 2015-10-25 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name	卡饭头像
// @namespace	https://github.com/GH-Kelo/userscript
// @include	http://bbs.kafan.cn/forum-*.html
// @version	1.3
// @description zh-cn
// ==/UserScript==
(function () {
	var config = {
		//延迟时间（毫秒）
		delay: 1000,
		//加载图片
		load: 'chrome://global/skin/icons/loading_16.png',
		//错误图片
		err: 'chrome://global/skin/icons/error-16.png',
	};
	var css = '\
		.GMKaFanAvatar {\
			padding: 2px;\
			margin: auto 5px;\
			float: left;\
			width: auto;\
			height: auto;\
			max-width: 22px;\
			max-height: 22px;\
			background: #FFF none repeat scroll 0% 0%;\
			border-width: 1px;\
			border-style: solid;\
			-moz-border-top-colors: none;\
			-moz-border-right-colors: none;\
			-moz-border-bottom-colors: none;\
			-moz-border-left-colors: none;\
			border-image: none;\
			border-color: #F8F8F8 #CDCDCD #CDCDCD #F8F8F8;\
			border-radius: 5px;\
			-moz-box-align: center;\
		}\
	';
	addStyle(css);
	addAvatar(); 
	
	function addAvatar() {
		var list = document.querySelectorAll('tbody > tr > td.by:nth-child(3) > cite > a');
		for (var i in list) {
			var _list = list[i];
			if (!_list.href || _list.hasAttribute("avatarIndex")) continue;
			_list.setAttribute('avatarIndex', i);
			var img = document.createElement('img');
			img.setAttribute('class', 'GMKaFanAvatar');
			img.setAttribute('src', config.load);
			_list.parentNode.parentNode.insertBefore(img, _list.parentNode);
			loadImg(img, getAvatar(_list.href));
		}
	}
	
	function loadImg(img, src) {
		var imgloader= new Image();
		imgloader.src = src;
		imgloader.onload = function() {
			img.src = src;
		};
		imgloader.onerror = function() {
			img.src = config.err;
		};
	}
	
	// like http://www.kafan.cn/space-uid-968453.html → http://b.ikafan.com/000/96/84/53_avatar_middle.jpg
	function getAvatar(src) {
		var uid = src.split('-')[2].split('.')[0];
		if (uid.length < 6) uid = '000000'.substring(uid.length) + uid;
		var uidArr = uid.match(/\d{2}/g);
		var avatarSrc = 'http://b.ikafan.com/000/' + uidArr[0] + '/' + uidArr[1] + '/' + uidArr[2] + '_avatar_small.jpg';
		return avatarSrc;
	}
	
	function addStyle(css) {
		document.head.appendChild(document.createElement('style')).textContent = css;
	}
	
	var timer;
	document.addEventListener("scroll", function(event) {
		timer && clearTimeout(timer)
		timer = setTimeout(addAvatar, config.delay);
	}, false);
	document.addEventListener("click", function(event) {
		timer && clearTimeout(timer)
		timer = setTimeout(addAvatar, config.delay);
	}, false);
})();
欢迎访问Greasy Fork镜像
