js图片查察器,层方法表现上一张下一张带退出

　　这是操作javascript实现图片查察器,层方法表现上一张下一张带退出的代码，留意代码里的函数$(),addEvent(),removeEvent()并未封装到图片查察器中，小我私人以为这三个函数会在网页中多次应用，为停止一再代码，故没有封装。示例中行使了淡入淡出结果(仅FF，IE中测试时太耗资源，故放弃)，和滑动结果，尚有拖动。个中拖动柄在右侧，初始为透明，当鼠标放在图片上时会滑出图片信息。

　　行使要领：pictureBox.init(boxId,coverId,range,picwidth,picheight);

　　boxId:图片查察器的主框体id，可据此计划框体样式。自设

　　coverId:包围层id，自设

　　rang:某个范畴内的图片可以通过图片查察器查察高像素图片，rang为节点工具

　　pictwidth:要表现图片的宽度。自设

　　picheight:要表现图片的高度，自设

　　!! 留意：要领的挪用必需在文档底部，或window.onload中，但提议在文档底部挪用，这样可停止在图片未加载完时图片查察器不看用

　　实例：

　　本文演示：http://www.veryhuo.com/a/demo/2010/js_pic_box.html

　　猛火写的图片查察器（带遮罩结果）：http://www.veryhuo.com/res/share/help.html#where

　　全部要领声名：

　　1. init():初始化图片查察器，包罗建设节点，和添加变乱

　　2. createBox():建设图片查察器所需全部节点

　　3.addEvents():为节点添加所需全部变乱

　　4. drag(elem):使可拖动 node elem: 拖动柄

　　6. fadeout(elem,start,end,speed):淡出 documentElement elem:淡出元素,int start 起始透明度，int end 竣事透明度，帧 speed：速率，

　　6. fadein(elem,start,end,speed):淡出 documentElement elem:淡出元素,int start 起始透明度，int end 竣事透明度，帧 speed：速率，

　　7.follow(source,follower,handlerBeforeFl): documentElement source:跟从域,documentElement follower:跟从元素，function handlerBeforeFl :跟从结果前执行，可为空

　　8.viewPic(container,src,handler): documentElement container:图片的容器，src：图片源地点，handler:修改源地点的函数，可为空

　　9.hide():潜匿图片查察器

　　10.start():表现图片查察器

　　11._imgHandler(src):修改src，与viewPic中handler相对应，按照详细环境可以自界说此函数

　　12._handlerBeforeFl():与follow中handlerBeforeFl相对应;成果是获取img标签中的title信息，分号作为换行，也可以按照详细环境自界说此函数。

　　13._coverWidth():返回包围层宽

　　14._coverHeight():返回包围层高

　　留意：函数$(),addEvent(),removeEvent()并未封装到图片查察器中，由于我以为这三个函数会在网页中多次应用，为停止一再代码，故没有封装。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!