Axure 中继器实现图片查看器效果案例

兼容性提醒:此作品只兼容Axure RP 9.0及以上版本,低版本软件无法使用。

特色功能介绍:

  • 左侧缩略图列表高度可根据浏览器高度自动调整,缩略图会根据图片尺寸自动等比例缩放,列表支持懒加载
  • 右侧预览大图可根据浏览器宽度自动居中
  •  大图会根据图片比例自适应显示:
    • 图片尺寸如果超过窗口尺寸,会自动根据宽高比缩放至适应窗口大小的尺寸
    • 图片尺寸如果小于窗口尺寸,会按照图片原始尺寸显示(倒数第2张图、倒数第3张图效果)

使用说明:

在中继器中导入图片,并设置图片的宽度和高度即可

注:如果没有提供图片的尺寸,将导致无法自动计算缩略图尺寸和大图尺寸(列表的最后一张图展示了没有设置宽度和高度的效果)

缩略图列表单次加载图片数量只需设置全局变量中的 nep 即可

发表回复

以下作品你可能也喜欢:
推荐

家政类APP产品原型图,部分页面含有相关解释,交互以及交互效果,具体请…

继续阅读 →

售价:¥ 10.00 销量: 89 6823
推荐

更新记录 2022.10.13新增数据资产目录、配置中心功能 产品介绍…

继续阅读 →

售价:¥ 99.00 销量: 64 19420
推荐

作品名称:AxureUX CRM及协同办公APP高保真原型模板 作品类…

继续阅读 →

售价:¥ 89.00 销量: 405 25596
推荐

为基层医疗机构设计的家庭医生签约平台,涵盖了家庭医生签约的基本业务流程…

继续阅读 →

售价:¥ 29.99 销量: 27 4778
推荐

软件版本:Axure8.1(兼容Axure9/10) 页面数量:114…

继续阅读 →

售价:¥ 99.90 销量: 266 41779