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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

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

继续阅读 →

售价:¥ 39.90 销量: 50 4112
推荐

作品名称:通用后台管理系统Axure原型模版 作品类型:Axure原型…

继续阅读 →

售价:¥ 60.00 销量: 63 7250
推荐

作品说明 页面数量:共 190+ 页 兼容版本:Axure RP 9/…

继续阅读 →

售价:¥ 79.80 销量: 38 11044
推荐

软件版本:Axure8.1(兼容Axure9、Axure10) 本作品…

继续阅读 →

售价:¥ 49.00 销量: 36 12746
推荐

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

继续阅读 →

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

基于最新2020年1月的Vant 2.4.x版本,F12打开官网网页一…

继续阅读 →

售价:¥ 39.00 销量: 23 2337