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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

物业运营管理后台:主要包括:物业缴费管理、物业订单管理、第三方商家管理…

继续阅读 →

售价:¥ 19.00 销量: 66 9837
推荐

产品名称:新零售门店POS收银系统原型 应用场景及终端:直营/加盟门店…

继续阅读 →

售价:¥ 69.90 销量: 18 4563
推荐

玖果视频APP是一个游戏领域技能服务平台。 预览地址:http://c…

继续阅读 →

售价:¥ 14.90 销量: 62 4694
推荐

售价:¥ 21.00 销量: 67 5451
推荐

一款汽车租赁管理后台系统,可用于各汽车租赁公司,与前端租车APP形成一…

继续阅读 →

售价:¥ 48.50 销量: 29 8276
推荐

1. 客户信息管理 客户档案:记录客户的详细信息,如联系方式、购买历史…

继续阅读 →

售价:¥ 68.88 销量: 26 5151