作者:962326154_5af7cb | 来源:互联网 | 2018-05-13 23:21
所以决定慢慢来照顾一下博客吧,这里先把眼前就有的一个小东西拿出来和大家分享一下,这是2006年的时候(文本里记下了时间,不然也忘记了)为了自己看网络图片方便而写的。
因为某些网站把内容图片以每页显示一幅的形式呈现,而每页都有大量没用的垃圾信息(广告、新闻和无关图片),非常影响看图效率。所以写了这个,只要知道第一幅图片的URL,填在本网页里,设置一下起始和结束编号,就可以显示带有数字编号的图片了,同时还有一些常用到的贴心功能。当然,对于某些网站存放的无序图片就无能为力了。
介绍完了,下面是代码内容,希望能对JS新手们有点帮助吧(请自行把下面代码里所有的“'”替换为单引号。我对这里这个格式实在没辙了):
代码如下:
《SCRIPT》 //CTRL+鼠标滚轮放大或缩小图片: function imgzoom(o) { if(event.ctrlKey) { var zoom = parseInt(o.style.zoom, 10) || 100; zoom -= event.wheelDelta / 12; if(zoom > 0) { o.style.zoom = zoom + '%'; } return false; } else { return true; } } //接收热键 document.Onkeydown=mykey; var IsShow=false; function mykey() { var key=window.event.keyCode; // alert(key); if (key==192){ if (IsShow) showIt(); else hideIt(); // IsShow=!IsShow; } //45=Insert键,16=Shift,17=Ctrl,18=Alt,192=` if (key==13 ) catchIt();//Enter,to display if (key==186) document.getElementById('add0').checked=!document.getElementById('add0').checked; } function hideIt() { IsShow=true; //隐藏 // document.getElementById('showHere').style.visibility='hidden'; //保留占用的显示面积 document.getElementById('showHere').style.display='none'; //回收占用的显示面积 // document.getElementById('imgUrlBackup').innerText=document.getElementById('thePath').value; // document.getElementById('thePath').value=''; } function showIt() { IsShow=false; //显示 // document.getElementById('showHere').style.visibility="visible"; document.getElementById('showHere').style.display=""; // document.getElementById('thePath').value=document.getElementById('imgUrlBackup').innerText; } function catchIt() { ////document.write('
'); showIt() var sn=Number(document.getElementById('startNum').value); var en=Number(document.getElementById('endNum').value); var str=document.getElementById('thePath').value; var IsAdd0=document.getElementById('add0').checked; var lastPos; var Discript='按1旁边的“`”键可隐藏/显示图片区域。点击图片可在新窗口查看原图。CTRL+鼠标滚轮可放大或缩小图片。 '; var showSth=''; var fn=''; fn=''; if (IsAdd0) { lastPos=str.lastIndexOf('#'); str=str.replace(new RegExp('#','ig'),'0'); for(var n=sn;n<=en;n++) { fn=str.substring(0,lastPos-String(n).length+1) + n + str.substring(lastPos+1); showSth=showSth+GetImgSrc(fn); } } else { for(var n=sn;n<=en;n++) { fn=str.replace('#',n); showSth=showSth+GetImgSrc(fn); } } showSth=showSth+'
'; // alert(showSth); document.getElementById('showHere').innerHTML=Discript+showSth+Discript; // document.refresh(); IsShow=false; } function GetImgSrc(ImgUrl) { //让图片载入后自动调整显示尺寸以适应屏幕,并提取文件体积信息附加到提示信息上 //在鼠标经过时,设置鼠标为手形状 //在鼠标点击时,在新窗口打开图片 //鼠标滚轮滚动时,触发缩放图片函数 //设置图片的提示信息 return ' '; } //把所有图片按thesize文本框指定比例进行缩放 function ImgZoom(Operation) { var ScaleTo=document.getElementById('thesize').value/100; if (Operation=="toBig") {ScaleTo=1+ScaleTo;} for(var i=0;i { document.images[i].width=document.images[i].width*ScaleTo; //不用改变高度,会自动跟随长度变化而等比变化. } } // 宽:'+this.width+',高:'+this.height+','+getImgsize(this)+' function DispImgInfo(img) { if (img.src!=null && img.src!="") img.alt=img.alt + " 宽:"+img.width+",高:"+img.height+",大小:"+getImgsize(img); } function discAllimages() { //getAllimages for (var i=0; i { var img=document.images[i]; if (img.src!=null && img.src!="") img.alt=img.alt + " 宽:"+img.width+",高:"+img.height+",大小:"+getImgsize(img); } } function getImgsize(x) { var picSize=x.fileSize; if (picSize>1000) picSize=Math.round(picSize/1024*100)/100+'KB'; else if (picSize > 0) picSize=picSize+'字节'; else picSize='未知'; return picSize; } 《SCRIPT》 作者:ZhaoLiang -- 碧海情天、淹没天空的海 邮箱:thedoc01@163.com 制作时间:2006年8月 功能:批量显示带数字编号的本地或网络图片。如 C:A##.gif 或 file:///C:/A##.gif 或 http://www.cctv.com/A3#.jpg 说明:如图片名称是A02而非A2时,可用##指定编号的固定长度并选择“固位补零”,则不足位的会自动用0补齐) 热键:`(~)键=显示开/关。;键=开关固位补零。图片上CTRL+鼠标滚轮=缩放图片。点击图片=在新窗口打开。HOME=篇幅较长时可返回开头。 路径: 起始编号: 结束编号: 固位补零 缩放比例(百分之): (回车即显示图片)
《SCRIPT》 document.getElementById('thePath').focus(); 《SCRIPT》 平时也不注意整理,所以这个文件改过几个不同版本,发完了我才想起,曾经把hideIt()和showit()合并成一个函数(根据参数进行处理就行了),还有其它一些细节。因为对这里的编辑还不太熟,就不再改了,大家有兴趣自己试试吧。如果有什么建议能提供的话就更好了。 (更新:修改了一下,对于不存在的图片,自动隐藏,不占据显示空间——通过img的onerror事件进行处理。 另外要说的,这里现在这个代码编辑器,很容易导致编辑后的内容大乱套。我花了很长时间来改正错误的替换代码,感觉比我写这个脚本工具都累。而且,里面SPAN的生成,完全没有优化,不必要的重复数量简直惊人,希望OpenSoft开发组尽快完善。)
推荐阅读
本文介绍了Linux系统中正则表达式的基础知识,包括正则表达式的简介、字符分类、普通字符和元字符的区别,以及在学习过程中需要注意的事项。同时提醒读者要注意正则表达式与通配符的区别,并给出了使用正则表达式时的一些建议。本文适合初学者了解Linux系统中的正则表达式,并提供了学习的参考资料。 ...
[详细]
蜡笔小新 2023-12-13 14:24:45
本文介绍了两种PDF内容编辑的方法:迅捷PDF编辑器和Adobe Acrobat DC。使用迅捷PDF编辑器,用户可以通过选择需要更改的文字内容并设置字体形式、大小和颜色来编辑PDF文件。而使用Adobe Acrobat DC,则可以通过在软件中点击编辑来编辑PDF文件。PDF文件的编辑可以帮助办公人员进行文件内容的修改和定制。 ...
[详细]
蜡笔小新 2023-12-12 19:37:50
原理:dismiss再弹出,把dialog设为全局对象。if(dialog!null&&dialog.isShowing()&&!(Activity.)isFinishing()) ...
[详细]
蜡笔小新 2023-12-11 18:28:33
本文介绍了一个免费的asp.net控件,该控件具备数据显示、录入、更新、删除等功能。它比datagrid更易用、更实用,同时具备多种功能,例如属性设置、数据排序、字段类型格式化显示、密码字段支持、图像字段上传和生成缩略图等。此外,它还提供了数据验证、日期选择器、数字选择器等功能,以及防止注入攻击、非本页提交和自动分页技术等安全性和性能优化功能。最后,该控件还支持字段值合计和数据导出功能。总之,该控件功能强大且免费,适用于asp.net开发。 ...
[详细]
蜡笔小新 2023-12-11 09:41:26
本文介绍了在开发过程中遇到JDK版本冲突的情况,以及如何通过修改环境变量实现JDK版本的切换功能,解决开发环境冲突的问题。通过合理的切换环境,可以更好地进行项目开发。同时,提醒读者注意不仅限于1.7和1.8版本的转换,还要适应不同项目和个人开发习惯的需求。 ...
[详细]
蜡笔小新 2023-12-10 19:24:11
本文介绍了在chrome浏览器中使用编辑器实现网页截图功能的方法。通过在地址栏中输入特定命令,打开控制台并调用命令面板,用户可以方便地进行网页截图操作。 ...
[详细]
蜡笔小新 2023-12-10 15:50:00
linux中如何禁止指定的ip访问呢?比如被别人暴力破解,被别人使用不同的密码尝试登录:所以我想直接禁用这些ip的访问.怎么办呢?解决方案:修改配置文件etchosts.deny把 ...
[详细]
蜡笔小新 2023-10-17 19:19:20
一、修改注册表去掉桌面图标小箭头1按下win+R组合快捷键,打开windows10系统的“运行”窗口,输入“regedit”,打开注册表编辑器,找到HKEY_CLASSES_ROOT\lnkfi ...
[详细]
蜡笔小新 2023-10-17 19:17:08
hadoop1.2.1文档中这样写:Nowcheckthatyoucansshtothelocalhostwithoutapassphrase:$sshlocalhostIfyou ...
[详细]
蜡笔小新 2023-10-17 18:22:10
本文由编程笔记#小编为大家整理,主要介绍了markdown[软件代理设置]相关的知识,希望对你有一定的参考价值。 ...
[详细]
蜡笔小新 2023-10-17 18:19:28
前言对于从事技术的人员来说ajax是这好东西,都会使用,而且乐于使用。但对于新手,开发一个ajax实例,还有是难度的,必竟对于他们这是新东西。leo开发一个简单的ajax实例,用的是 ...
[详细]
蜡笔小新 2023-10-16 17:08:23
表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ...
[详细]
蜡笔小新 2023-10-15 18:44:55
Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ...
[详细]
蜡笔小新 2023-10-15 16:40:16
Iwouldliketobeabletohaveasidebarthatcanbetoggledinandoutonabuttonpress.However ...
[详细]
蜡笔小新 2023-10-13 12:28:22
但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法:一:跳转到新页面,并且是在新窗口中打开时:复制代码代码如下:fu ...
[详细]
蜡笔小新 2023-10-13 12:25:13
962326154_5af7cb
这个家伙很懒,什么也没留下!