网页上的图片展示,点击图片放大效果,这种特效貌似大家见的挺多的,但用的技术不一样,以前是用JS和Div,现在用HTML5和CSS3,代码简化了不少,效果却更流畅了。

功能:
1、除了鼠标之外,点击放大图像后能够用键盘 左右方向键控制 ESC键退出放大图像。
2、ie6下面部分功能不完整,比方点击放大图像后背景不透明,无法加载上一页、下一页等,但基础功能可以用。
3、由于images\\001\\目录图像尺寸是100_100px,所以图片墙图像大点则被拉变形,需要自行调整尺寸。
4、无法播放优酷等的视频,视频播放链接可以直接填写图片,外围需要设置高宽,否则图片会非常小。
5、点击放大图像之后,会自动停止,需要点击滚动条才能重新自动播放。
6、点击放大图像之后,再点击右上角继续放大,如果再点击上一张或下一张,则图像自动缩小至放大尺寸。
7、点击放大图像之后,播放当中如果遇到flash,则自动适应尺寸,图像无变化。
8、放大播放第一轮图像会显示缩略图,连续第二轮重新播放则不显示缩略图,重新点击放大图像之后则又显示缩略图,同样第二轮重新播放则不显示。播放flash之后,则不再显示缩略图,重新打开则显示。
9、原图像尺寸不要超过屏幕,如超出原图像尺寸会撑出x,y滚动条。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。