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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

软件版本:Axure 8.1(兼容Axure9/10) 页面数量:63…

继续阅读 →

售价:¥ 49.90 销量: 230 19961
推荐

系统管理后台,包括首页、商品管理、订单中心、营销管理、财务管理、后台管…

继续阅读 →

售价:¥ 32.00 销量: 104 29278
推荐

更新日志 2021年6月30日 应网友要求增加无限级菜单,不限制菜单数…

继续阅读 →

售价:¥ 18.00 销量: 163 6086
推荐

软件版本:Axure 9(兼容Axure10) 页面数量:122 产品…

继续阅读 →

售价:¥ 99.90 销量: 30 7491
推荐

督查督办系统,主要完成公司对各部门、单位重要工作任务的监督办理,并对督…

继续阅读 →

售价:¥ 29.90 销量: 37 3284
推荐

您是否需要自己做一款后台管理系统,而权限管理是一个几乎所有后台系统都会…

继续阅读 →

售价:¥ 49.00 销量: 224 26927