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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

1、个人简介: 1)一名拥有 UI 技能的产品经理,擅长打造高保真动态…

继续阅读 →

售价:¥ 68.88 销量: 21 2712
推荐

软件版本:Axure8、9、10 产品类型:Axure元件库 当前版本…

继续阅读 →

售价:¥ 69.90 销量: 78 6911
推荐

更新时间:2020.04.12 作品包括:函数元件库.rplib和元件…

继续阅读 →

售价:¥ 29.90 销量: 49 9025
推荐

购买后可永久免费下载最新版本(老用户点击网站左上角【交易记录】查找对应…

继续阅读 →

售价:¥ 79.90 销量: 65 15235
推荐

作品名称:教育行业(学校)管理后台原型模板 软件版本:Axure 8、…

继续阅读 →

售价:¥ 40.00 销量: 52 21061
推荐

作品名称:【教育培训】线上直播教育平台高保真原型 文件大小:82.5M…

继续阅读 →

售价:¥ 69.00 销量: 12 3927