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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

包括了长图可视化和大屏数据可视化模板,以及门店销售、智慧医疗、营销分析…

继续阅读 →

售价:¥ 66.00 销量: 104 21156
推荐

1、本套数据展示平台精心设计,用料十足,页面全为高保真页面,文件中使用…

继续阅读 →

售价:¥ 45.00 销量: 298 32673
推荐

软件版本:Axure 8(兼容Axure9) 页面数量:94 产品类型…

继续阅读 →

售价:¥ 69.90 销量: 72 13120
推荐

软件版本:Axure 8.1 产品简介:这是一款拼团小程序原型模板,逻…

继续阅读 →

售价:¥ 59.90 销量: 173 17993
推荐

作品说明 页面数量:共 20+ 页 兼容软件:Axure RP 9/1…

继续阅读 →

售价:¥ 19.80 销量: 90 14111
推荐

12.29 修改按钮间距 10.29 增加Input组件清除按钮 增加…

继续阅读 →

售价:¥ 39.90 销量: 40 4000