现在的位置: 首页 > 综合 > 正文

发一个自己用JS写的实用看图工具

2013年09月12日 ⁄ 综合 ⁄ 共 2764字 ⁄ 字号 评论关闭
   前些时候受邀参加2008软件技术英雄会,但因为自身事情的原因,有好一段时间很少来,所以看到站内通知的时候已经晚了。深感可惜,错过了一次增广见闻和认识同行朋友的机会。过后看了一下会议的某些报道,评了一个博客奖。对自己有所触动,当然,因为经历和努力的关系,和高手们比不了,只不过,想到自己也做了好些年,现在都一直在考虑转行了,可是这么长时间里,自己曾有过很多心得经验,过了就忘了,根本没有去想好好集结整理一下,导致湖光掠影一般,一点外在痕迹都没留下,换工作时也常发生很难让对方确认能力和经验的问题。

  所以决定慢慢来照顾一下博客吧,这里先把眼前就有的一个小东西拿出来和大家分享一下,这是2006年的时候(文本里记下了时间,不然也忘记了)为了自己看网络图片方便而写的。

  因为某些网站把内容图片以每页显示一幅的形式呈现,而每页都有大量没用的垃圾信息(广告、新闻和无关图片),非常影响看图效率。所以写了这个,只要知道第一幅图片的URL,填在本网页里,设置一下起始和结束编号,就可以显示带有数字编号的图片了,同时还有一些常用到的贴心功能。当然,对于某些网站存放的无序图片就无能为力了。

  介绍完了,下面是代码内容,希望能对JS新手们有点帮助吧(请自行把下面代码里所有的“'”替换为单引号。我对这里这个格式实在没辙了):

 




作者:ZhaoLiang -- 碧海情天、淹没天空的海  邮箱:thedoc01@163.com   制作时间:2006年8月

功能:批量显示带数字编号的本地或网络图片。如 C:A##.gif 或 file:///C:/A##.gif 或 http://www.cctv.com/A3#.jpg
说明:如图片名称是A02而非A2时,可用##指定编号的固定长度并选择“固位补零”,则不足位的会自动用0补齐)
热键:`(~)键=显示开/关。;键=开关固位补零。图片上CTRL+鼠标滚轮=缩放图片。点击图片=在新窗口打开。HOME=篇幅较长时可返回开头。
路径: 起始编号: 结束编号:
固位补零   缩放比例(百分之):(回车即显示图片)

   平时也不注意整理,所以这个文件改过几个不同版本,发完了我才想起,曾经把hideIt()和showit()合并成一个函数(根据参数进行处理就行了),还有其它一些细节。因为对这里的编辑还不太熟,就不再改了,大家有兴趣自己试试吧。如果有什么建议能提供的话就更好了。

(更新:修改了一下,对于不存在的图片,自动隐藏,不占据显示空间——通过img的onerror事件进行处理。
另外要说的,这里现在这个代码编辑器,很容易导致编辑后的内容大乱套。我花了很长时间来改正错误的替换代码,感觉比我写这个脚本工具都累。而且,里面SPAN的生成,完全没有优化,不必要的重复数量简直惊人,希望OpenSoft开发组尽快完善。)

抱歉!评论已关闭.