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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

2024-06-26 V1.9 后台管理:新增系统管理模块(用户管理、…

继续阅读 →

售价:¥ 79.00 销量: 75 35664
推荐

软件版本:Axure 8.1 产品类型:高保真校园服务平台APP 当前…

继续阅读 →

售价:¥ 59.90 销量: 16 3427
推荐

TMS运输管理系统原型主要包含:运单管理、提货管理、库存管理、签收管理…

继续阅读 →

售价:¥ 99.00 销量: 27 11061
推荐

软件版本:Axure9 产品类型:微信小程序高保真原型模板 当前版本:…

继续阅读 →

售价:¥ 29.00 销量: 27 2788
推荐

看完原型图后开始教程讲解 第一步:梳理需求,搭建框架 特别重要的一个环…

继续阅读 →

售价:¥ 14.10 销量: 105 13123
推荐

一、系统简介: 1、O2O到家服务平台为上门服务类平台/商家提供高效、…

继续阅读 →

售价:¥ 88.88 销量: 14 3052