图片展示特效点击放大图片效果
源码类别: 图片代码 文件大小: 2237 K 图片展示特效点击放大图片效果 演示图
运行环境: HTML/CSS 源码语言: 简体中文
源码作者: 图片展示特效 下载次数: 13918
更新日期: 2014-11-12 22:57:09 授权形式: 免费版
相关链接: 演示网址 源码评级:
源码简介 相关最新源码
网页上的图片展示,点击图片放大效果,这种特效貌似大家见的挺多的,但用的技术不一样,以前是用JS和Div,现在用HTML5和CSS3,代码简化了不少,效果却更流畅了。

功能:
1、除了鼠标之外,点击放大图像后能够用键盘 左右方向键控制 ESC键退出放大图像。
2、ie6下面部分功能不完整,比方点击放大图像后背景不透明,无法加载上一页、下一页等,但基础功能可以用。
3、由于images\001\目录图像尺寸是100_100px,所以图片墙图像大点则被拉变形,需要自行调整尺寸。
4、无法播放优酷等的视频,视频播放链接可以直接填写图片,外围需要设置高宽,否则图片会非常小。
5、点击放大图像之后,会自动停止,需要点击滚动条才能重新自动播放。
6、点击放大图像之后,再点击右上角继续放大,如果再点击上一张或下一张,则图像自动缩小至放大尺寸。
7、点击放大图像之后,播放当中如果遇到flash,则自动适应尺寸,图像无变化。
8、放大播放第一轮图像会显示缩略图,连续第二轮重新播放则不显示缩略图,重新点击放大图像之后则又显示缩略图,同样第二轮重新播放则不显示。播放flash之后,则不再显示缩略图,重新打开则显示。
9、原图像尺寸不要超过屏幕,如超出原图像尺寸会撑出x,y滚动条。
  • ·HTML5仪表盘动画代码
  • ·CSS3波浪音符动画代码
  • ·HTML5台式风扇工作动画代码
  • ·jQuery防盗门密码锁开锁动画
  • ·vue.js图片上传代码
  • ·CSS3乒乓球动画代码
  • ·Bootstrap图片上传拖拽排序代码
  • ·滚筒式洗衣机洗衣动画代码
  • ·电动汽车仪表盘动画代码
  • ·CSS3灯泡发光动画代码
  •                        详细介绍  
    源码下载地址
    图片展示特效点击放大图片效果 [ 天津亿人互联 ]
    图片展示特效点击放大图片效果 [ 浙江电信下载 ]
    图片展示特效点击放大图片效果 [ 安徽电信下载 ]

    广告推荐

    图片代码源码下载排行