V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yantianqi
V2EX  ›  程序员

做这个页面怎么构思

  •  
  •   yantianqi · 2016-11-25 11:45:21 +08:00 · 1683 次点击
    这是一个创建于 2732 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    2 条回复    2016-11-25 12:32:24 +08:00
    4641585
        1
    4641585  
       2016-11-25 12:31:10 +08:00
    >点击后侧每一个图,会出现一套图片,可以查看。 图片用 ajax 调用一套文章中的图片,

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

    >左右上一张下一张。

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

    >页面背景全部变灰?

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



    -----
    大概能满足要求,而且还留了很多优化空间(笑
    shynome
        2
    shynome  
       2016-11-25 12:32:24 +08:00 via Android
    fancybox
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1743 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 00:09 · PVG 08:09 · LAX 17:09 · JFK 20:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.