-
WebKit 照片浏览器:WebKitPhotoBrowser
资源介绍
WebKit 照片浏览器:在 WebKit 中使用现代 Web 技术
展示如何使用 Safari 9 中引入的许多 WebKit 技术,包括背景滤镜、滚动捕捉效果和强制触摸支持。
应用结构
索引.html
在 Safari 9 中打开index.html文件会在浏览器中打开应用程序。
/资产
/assets目录用作站点中使用的图像的位置,包括照片和 UI 元素。
/脚本
/scripts目录包含用于站点交互式代码的 JavaScript 文件。
图像-data.js
images-data.js定义了有关站点中使用的照片的信息,包括它们的呈现顺序和它们的元数据。
索引.js
index.js充当应用程序的初始化脚本,其中画廊在document对象上的DOMContentLoaded事件上实例化。
masonry-gallery.js
masonry-gallery.js定义了一个类
- 上一篇: ShoutyCat:喧闹的猫-宁静的滤镜效果
- 下一篇: 功能齐全的Android图片滤镜效果源码