可视化编辑响应式滑动相册

插件简介

本插件为html5插件,专门为krpano设计在漫游中展示经典样式的相册。本插件可在一个图层中显示“缩略图+单张图片”。因此插件提供两种展示模式:网格相册,仅展示缩略图,提供了一个总体的相册情况,另一种为滑动相册可放大图片观看。只需要点击图片即可在两种模式中切换(当图片放大时只需要点击返回按钮)。

可通过编辑器可视化自定义屏幕上显示的全部元素。

 

插件特性

  • 网格相册和滑动相册均为响应式设计
  • 可对图层(位置、相对尺寸、颜色、透明度以及字体等)进行高度自定义的控制。
  • 可使用可视化编辑器实现对元素的编辑,并获得及时响应的效果。
  • 每个相册均为独立的参数:可在同一漫游下展示多个不同样式的相册。
  • 处理任意尺寸和宽高比的图像(自动下缩放)。图像永远(默认)不会上缩放。
  • 不同宽高比的图片可展示在同一个相册中。可使用裁切功能实现宽高比和图片方向的同一。
  • 可针对源图像格式为JPG/PNG/GIF的图片实现四级分辨率展示。正常图片(原文件名)用于在滑动相册中展示放大的图片,缩略图图片(文件名加_s)用于在网格相册中进行展示。在手机中,在滑动相册中使用更小的图片(文件名加_m),在网格相册中使用更小的图片(文件名加_ms)。
  • 通过快捷生成器(DROPLET)自动生成四级分辨率的图片。
  • 自动检查缩略图或更小的图片是否路径正确(如果不存在,则使用正常图片代替)。可选择跳过该文件检查过程。(如果正常图片是高分辨率图片,则强烈建议进行缩略图的检查)
  • 图片的预加载过程:左至右当前场景的相册缩略图(_s或者_ms的图片)需要预加载(注意:预加载过程通过onloadcomplete事件执行,因此只要当全景图加载完成时才会发生;你可以选择屏蔽该预加载过程)。默认下,针对滑动相册的正常图片是不会预加载的:当从网格相册打开一个图片时,图片下载开始,但此时图片是临时地使用缩略图来进行展示,你需要等待更大的图片下载完成。因此当滑动相册的图片发生改变时,你必须至少停留半秒时间来触发正常图片的下载。如果更大的图片的预加载被激活,则会在网格相册下方展示进度条。网格相册和滑动相册的预加载可分别独立设置。
  • 漫游中使用不同方式嵌入相册(图层、热点、地图点或场景)。
  • 每个相册可包含不受数量限制的图片;每个场景可包含不受数量限制的相册。
  • 双标题设计
  • 帮助信息。
  • 包含幻灯片功能。
  • 包含放大功能。

 

效果动图

 

 

VIP课程仅供会员阅读,加入会员请查看网站顶部 加入会员 说明