• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yantianqi
V2EX  ›  程序员

做这个页面怎么构思

  •  
  •   yantianqi · Nov 25, 2016 · 2112 views
    This topic created in 3502 days ago, the information mentioned may be changed or developed.

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

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

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

    >左右上一张下一张。

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

    >页面背景全部变灰?

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



    -----
    大概能满足要求,而且还留了很多优化空间(笑
    shynome
        2
    shynome  
       Nov 25, 2016 via Android
    fancybox
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2771 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 15:14 · PVG 23:14 · LAX 08:14 · JFK 11:14
    ♥ Do have faith in what you're doing.