2012-02
28

第一次写jQuery实现图片缩放

By xrspook @ 16:28:35 归类于: 烂日记

很低调地基本完成了http://adelrio.diandian.com/模板的改造。为什么说基本?因为还有一些缩进、颜色等细微CSS东西没有完成。

高中的数学老师龙哥说过,学数学有几个境界——不懂不会,会而不对,对而不全,全而不好。其实这又哪只是数学的境界,这是做人的境界!可以不马虎的,我不想马虎对待。

昨天东拼西凑,找到了能用在网页上对图片拉伸js,但今天发现各种不妥,最终,经过琢磨和修改,我第一次写出了自己的jQuery。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
jQuery("a.fix-img-onload img").each(function(i,item){
	var img=jQuery(item),w_img=img.width(),h_img=img.height(),w_new,h_new,h_new2,l_m;
	h_new=310;
	w_new=310/h_img*w_img;
	if(w_new<305){
		w_new=305;
		h_new2=305/w_img*h_img;
		l_m=(310-h_new2)/2;
		img.css({"width":w_new+"px","height":h_new2+"px","margin-top":l_m+"px"});
	}
	else{
		l_m=(305-w_new)/2;
		img.css({"width":w_new+"px","height":h_new+"px","margin-left":l_m+"px"});
	}
});

原理是这样的,这个操作针对于a下面“class=fix-img-onload”的“img”。我的目标是让图片在一个305*310px的框架内显示,缩放到框架大小,但不失真。思路是固定高或固定宽,然后计算出宽或高,如果多出来的是宽,那么利用margin-left控制其水平居中,如果多出来的是高,按么利用margin-top控制其垂直居中。margin控制也就是一个利用负数的定位了。

代码我是先把高默认设置为305px,然后计算宽,如果宽小于310px,那么重新设置宽为310px,再计算高。为什么要这样呢?没有那句if…else…,即不考虑如果计算的宽小于310px可以么?可以,但如果遇到又窄又长的图片你就会看到图片居中,但两旁有空位。如果你能忍受,这完全没有问题。

这不是高深到活儿,相册的预览很久很久以前就已经在实现这种功能了,不过我这里的意图刚好跟它们相反,它们把大尺寸设为固定尺寸然后缩放,我是固定小尺寸然后缩放并隐藏。

很多东西我都不懂,我喜欢去学,愿意去学,且可以学会,无论过程还是结果都让人很窝心,因为貌似极少是没有达到我预期目标的。

谢谢点点的Lei,如果不是他的这段话

这个你就需要写JS来实现了。将图片放在305x310px的容器中,超出范围就隐藏,然后按照固定的长宽比进行拉伸。

我不会去琢磨改进别人的东西,如果他直接给我一段代码,那么这些东西我就不可能自己真的动脑筋去想了。

人生最重要的是,要拥有跟随内心与直觉的勇气——应该可以称呼为Lei的格言吧

反正我是非常认同的。

至今我都狠狠地赏了那些没看出我毅力和天赋的人巴掌,哇咔咔~~~

2012-01
17

X关键词

By xrspook @ 17:15:27 归类于: 烂日记

下午做了个围脖关键词的测试,我的结果如下:

这挺准的!

这是对我近期200条围脖做的分析。最大的关键词是“互联网”跟“图片”,这太对了!较大的有“惊悚”、“blog”、“生活”、“镜头”、“健康”、“马尔克斯”、“真相”、“统计”、“动作”以及“大腿”。我那个去!为啥会有“大腿”????想了半天,这肯定是因为前几天我发了一系列的Enzuigiri GIF,而我之所以要发那些图是因为我要证明做那个动作基本上都必须靠手掌拍大腿制造音效。所以啊,那个词就上榜了……在我的关键词里还有“老麦”,这个让我惊讶!可能这个关键词是不涵盖外语的,否则“WWE”、“RS”和“Alberto Del Rio”必须的上榜!

@小莫看了我的关键词后,说出了这xrspook版的马尔克斯体:

许多年之后,面对wwe,x将会回想起,网络带他去见识adr的那个遥远的晚上

THIS!一定会这样的!现在我已经弱弱地有这个感受了。不知道看摔这个兴趣到底能持续多久,但可以非常肯定地说ADR绝对是我做摔迷这个人生经历里浓重的一笔。我可不要当奥雷里亚诺·布恩迪亚上校,但谁说那句话就必须的是上校独享的呢。

我从来不是一呼百应的人,从前不是,往后也应该不会是。要活在浪尖上太辛苦了,按照别人的意思改变自己也不是我的作风。我不会被大多数的你们所爱,但懂我的人会大大地发现我的好。珍惜这个仍在坚持特立独行的xrspook吧。

太性格不是好事,但如果对比无性格,我宁愿自己太性格了。

2011-11
18

令人头痛的囧断字

By xrspook @ 22:49:29 归类于: 烂日记

没有GA,NXT看完,坐等SD出完整版了,这个周末有点闲。

石头不在,点点的模板还没着手开始研究,但我有兴趣的一些模板代码已经下载了。点点不知是否真的在乎我的反馈,比如说昨天我提到的好几点今天居然就实现了!在显眼处出现了帮助和搬家,虽然帮助还不够详细,但对于一般用户而言,上手是没问题了。从帮助文档的日期可以看出那些都是前几天贴出来的,但为什么之前不在后台里反映呢?新手需要帮助,如果你的帮助团队没有Vancl的答疑团队那么浩大的时候。搬家,我相信点点也是早已弄出的了,那个功能曾经出现在后台的“博客设置”里,但从我开始玩点点那天(前天)开始就没见到过,只在图片里让我遐想过。上午还没有,昨晚还不是,今天点点的图片已经有了多版式的展示方式,太酷了!日新月异的感觉!如果点点有成长日志的话,这将是一笔非常巨大的财富。一个BSP是如何发展壮大起来的,wowowo~~~

巡视了一下点点的模板,单栏的基本上都只能全文显示。有3个专门为图片订造的模板,6个版面的“画廊”,8个版面的“照片格子”以及12个版面的“陈列时光”。因为这三个模板都是在固定大小的方框里展示内容,所以,遇到文字类的东西就必须地牵涉到断字了。“陈列时光”只有标题;“照片格子”由于相对于格子来说文字挺大,所以基本上看不到什么内容;至于“画廊”,中文断字还可以,但还是会有上下被砍掉一半的现象,对于纯英文的断字,我只能说,掩面……从点点的后台展示看来,它的中英文断字是毫无压力的,但为什么前台就……可以看出,点点工作人员在后台是非常努力的,天天看得到进步,但前台展示就……前台这样的展示的确有点单调啊,特别对我这种喜欢一个博客里搞大杂烩的人来说。

我打算在“画廊”的基础上改进,创造Alberto Del Rio中文网站的模板。这个周末就用来研究模板好了,把模板的功能做好,然后等石头回归来后美化,哈!

这周的任务不轻的哦,亲!

2011-07
24

搜logo小感

By xrspook @ 21:00:07 归类于: 烂日记

昨晚就开始进行神经病式的图片搜索,真的很神经病,到达了癫狂的程度。不过其实,一开始我不过想找个logo而已,logo轻易能找到,在一个需付费的外国手机铃声频道,但在其它地方,我再也没找到免费的它。觉得很不可思议,毕竟,那是个不简单的图案,起码我是没搞懂到底是怎么拼凑而成的,为什么各种巨大的壁纸里却可以反复、多种方式地利用呢?到底是怎么做到的?

视频提取?视频质量再高,也就是720P,视频的logo背景花花绿绿,logo中叶子构成非常细致,即便有再高超的抠图技巧也难以做得完美。

T恤提取?T恤上的logo背景是纯黑色的,要提取容易很多,但要提取就只有2个途径,要不你利用1000*1000的官图,要不你自己买一件然后再通过各种方式数字化。第二个可能性不高,第一个方法,我亲试了,可以是可以,但细节体现不出来。

官方付费图案?也就是那个手机频道提供的东西?有官方付费的就应该有山寨免费的,itunes上的歌哪里有可能不出现在YouTube和Mediafire上,但很遗憾,貌似我真没找到那些山寨的PSD。

最后一个DIY方法——高手们根据原图自己“画”的。这虽然有点不可思议,但绝对有可能,为什么这么说呢?我没有仔细对比研究过各种加了logo的壁纸的图案有啥区别,但稍稍过目后我发现几个不同壁纸logo的字距是不一致的。我只是个外行,对字体比例的没有第六感,但我尚且看出有区别。如果出自同一素材,所有大小的logo都只可能是按比例缩放。总体来说,现在流传的各种logo看上去都差不多,但实际上,说它们可能差很多也有可能。

完美logo我还没找到,所以,往后我要继续努力。希望主流的PSD网站能早点出高质量的山寨版,那么我就不用自己乱摸乱找了。

前后我用过3个搜索引擎进行图片搜索:首先是Google,然后是bing,最后是Yahoo。Google和bing的网页设置都差不多,属于那种一拉到底的状态,而Yahoo则仍采用人工翻页的形式。对bing的准确率和搜全率不敢恭维。Google搜索经常会因为墙的原因出现叉烧包,相比之下,“老土”的Yahoo反而很优秀,它直接显示图片尺寸、大小、来源,而不用像另外两个引擎那样必须鼠标辅助。Yahoo不会因为搜索期间某些图的源地址被墙而看不到缩略图,只有查看全图的时候某些网页才打不开,但这个打不开并不影响缩略图的继续搜索,可能Yahoo对图片进行了强大的缓存吧。有个很奇怪的现象,每次我打开bing的页面都默认西班牙语界面,好吧好吧,幸好我懂一点点,能蒙出你在干嘛,但也不用这般“特殊照顾”吧。

昨晚,神经质地搜索到凌晨4点,今天中午看20110722SD的时候人是出于神游状态的,尽管如此,我依旧觉得本周SD很精彩!某人不在,没有诡异灯光我心情舒畅。

我已经在很邪恶地考虑如何把数字logo实体化了,哈。

2011-07
15

不会再有第二次

By xrspook @ 23:09:20 归类于: 烂日记

今晚把2011-07-11扫描的东西都分割了,真是累。分割开来一共78张啊!本来打算今晚日志放图片的,但我现在已经懒得神马都不想干了。看到图片就烦躁。

昨天晚上去了打羽毛球,结果很惊讶,才1个多小时,居然前半个小时连续下来我就手软了,准确来说应该是胳膊处于酸痛状态。这是咋回事啊?!震惊!当我坐下来的时候,我感觉到整条右臂在颤抖,前所未有的事!太诡异了,诡异得实在太离谱了。我不服输,所以下周我还会去,这等囧事我怎么能允许再次发生呢?!简直就是开国际玩笑嘛。不过之前我得先去买手胶,从前球拍的手胶已经老化了必须更换。其实呢,我觉得昨晚的“杯具”遭遇很大程度是因为我有很多次都挥空拍了,就如挥空拳一样伤害大。挥空拍,这怎么会发生呢?!从几岁开始就玩羽毛球这玩意,从木拍玩到铁的再玩到碳素,我居然会挥空拍,居然脚程到了手上发愣?太诡异了,诡异得太离谱了。

场地的问题?灯光的问题?拍子的问题?NO,我的问题!

我老了?不,我胖了,我好久都没做这种运动了,2006年后我就没打过羽毛球!

今天还做什么硫代硫酸钠标定,整个过程都是我来,我的那个领导说他昨天打球的时候手废掉了,其实我也废掉了,但我有困难我不说,因为我知道我可以克服,这不是非投降不可的事。所以,今天我继续拿那个装了205mL液体的250mL碘量瓶滴定去了。即便是不手软状态,这个滴定也是耗人的,手软情况下又是怎么一个囧样呢,呵呵,我的感觉是千万不要停,停下来手就开始发抖,所以得一直剧烈振摇,反正这个滴定也必须这样。在这等“艰苦”的条件下,我反倒比平时拿捏得更准确、滴定过程更顺利了。从减量法称样到滴定终点的控制都没有差错。人在某些特殊情况下会创造出神奇。我也怕痛,我也不想折磨自己,但如果非要干某事,你非干不可的时候,那就提升自己的肾上腺素让疼痛都见鬼去,通常在这种条件下,我会干出些很不可思议的好东东。痛永远不是我逃避干某事的借口。

下周貌似很好玩,周一MITB,周二松山湖踩单车,周三上课,周四晚上羽毛球,周五体检,真欢乐!

© 2004 - 2026 我的天 | Theme by xrspook | Power by WordPress