【文件属性】:
文件名称:SlackLightbox:练习创建一个纯 JavaScript 灯箱
文件大小:275KB
文件格式:ZIP
更新时间:2021-06-07 05:08:04
JavaScript
松弛灯箱
这是一个创建纯 JavaScript 灯箱的练习。
此灯箱具有全屏纵横封面图像和实时搜索框。 当在搜索框中输入关键字时,会使用 Google 图片查询并显示 10 张图片。 向左和向右箭头键盘键在显示的图像之间导航。
在查看结果
去做
由于这是一个练习,因此功能集是有限的。 以下是一些改进的想法:
添加分页以在用户接近缓冲区末尾时获取更多照片
为鼠标导航创建直观的按钮
搜索框自动对焦
更智能的图像预加载器
响应式设计
【文件预览】:
SlackLightbox-master
----index.html(860B)
----img()
--------plumeria.jpg(275KB)
----lib()
--------js()
--------css()
--------sass()
----Gruntfile.coffee(1KB)
----README.md(724B)
----.jscsrc(2KB)
----.gitignore(60B)
----package.json(502B)