做这个页面怎么构思

2016-11-25 11:45:21 +08:00
 yantianqi

效果为:点击后侧每一个图,会出现一套图片,可以查看。 图片用 ajax 调用一套文章中的图片,左右上一张下一张。页面背景全部变灰?

1690 次点击
所在节点    程序员
2 条回复
4641585
2016-11-25 12:31:10 +08:00
>点击后侧每一个图,会出现一套图片,可以查看。 图片用 ajax 调用一套文章中的图片,

对每个图片设置 click 事件,点击之后出现对于屏幕固定并完全填充的一层,设置 z-index 让这一层「浮在」最上。监听事件获取需要的一组图片,除了第一个图片其他隐藏。

>左右上一张下一张。

显示上一张 = 将当前图片隐藏,上一张设为显示
显示上下张 = 将当前图片隐藏,下一张设为显示

>页面背景全部变灰?

图片父节点填充整个窗口,设置背景,图片自身设置居中于窗口



-----
大概能满足要求,而且还留了很多优化空间(笑
shynome
2016-11-25 12:32:24 +08:00
fancybox

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/323201

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX