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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

小程序端B2C商城设计: 付费会员 三级分销:自购省钱 分享赚钱 拼团…

继续阅读 →

售价:¥ 66.00 销量: 27 6728
推荐

注意事项: 1、字体使用说明: 本原型文件使用了字体:FontAwes…

继续阅读 →

售价:¥ 68.00 销量: 31 13916
推荐

作品依据百度智能小程序设计规范绘制https://smartprogr…

继续阅读 →

售价:¥ 30.00 销量: 25 3002
推荐

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

继续阅读 →

售价:¥ 69.90 销量: 76 6632
推荐

作品介绍:本套移动办公作品耗时一个多月,交互性好,页面全为高保真,可灵…

继续阅读 →

售价:¥ 46.60 销量: 42 6441
推荐

主要分为用户端、员工端、总管理端三个部分。 用户端主界面展示 用户端主…

继续阅读 →

售价:¥ 39.99 销量: 43 10199