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

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

特色功能介绍:

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

使用说明:

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

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

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

发表回复

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

Ominibass渐变色元件库 版本:V1.1.1 主要适用:web …

继续阅读 →

售价:¥ 29.90 销量: 308 15072
推荐

售价:¥ 60.00 销量: 27 8028
推荐

作品说明 页面数量:共 50+ 页 兼容版本:Axure RP 9/1…

继续阅读 →

售价:¥ 49.80 销量: 19 3345
推荐

软件版本:Axure 9/10 源文件格式:rp格式 页面数量:73 …

继续阅读 →

售价:¥ 68.00 销量: 77 17374
推荐

产品名称:IT运维管理系统 V1.0原型设计 软件版本:Axure 9…

继续阅读 →

售价:¥ 80.80 销量: 13 3087
推荐

作品名称:AxureUX手机移动端交互原型组件模板库 v3 (Axur…

继续阅读 →

售价:¥ 119.00 销量: 166 8885