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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

说明:实战项目,业务均为调研后设计,完全原创,首次发布。

售价:¥ 42.00 销量: 19 3136
推荐

作品介绍: 作品是基于残疾人/老人托养运营服务平台(线上线下结合)打造…

继续阅读 →

售价:¥ 124.50 销量: 50 18766
推荐

软件版本:Axure RP 9 产品类型:高保真小程序 当前版本:V1…

继续阅读 →

售价:¥ 39.90 销量: 51 4166
推荐

文件压缩包包含全套交互文档打造系列 部分预览 前言:当我在网上搜寻交互…

继续阅读 →

售价:¥ 159.00 销量: 28 6300
推荐

软件版本:Axure 9 页面数量:116 作品大小:16.0MB 当…

继续阅读 →

售价:¥ 88.00 销量: 142 34133
推荐

注:由于本作品功能模块内容非常多,个别页面或者比较通用的功能(如:权限…

继续阅读 →

售价:¥ 199.00 销量: 125 24918