教程总目录

上一节：JBolt平台开发入门(9) -多级联动Select

在JBolt中，封装了图片查看器和相册查看器组件，基于Layer.js中的layer.photo

在JBolt开发平台的Demo模块有演示：

看图与相册demo

一、单图配置

img标签配置一个属性就可以了 data-photobtn
这就声明了这个img，自动识别为是个看图触发器，点击它就会弹出大图查看器。

配置代码

这样就搞定了。

看效果：

点击看图了-单张

二、多图相册模式

有的项目需求中需要一个业务上传多张资料图，最近JBolt平台的VIP用户在开发手机端业务的时候，遇到了一个流程审核业务，需要手机端多张拍照上传，然后审核人员在后台可以看到提交的数据 并且希望点图 可以相册一样的大图预览。

JBolt开发平台里实现这个很简单，只需要在上面介绍的单图相册基础上，加一个相册属性就行了。

data-ablum="相册名字"

这个就是声明了 好几个照片上都带着相同的相册名，就是一个相册里的。

多图相册模式代码

看个效果：

带着操作按钮，支持键盘左右切换按键事件，轻松支持客户业务。

带着左右切换效果 效果图

下一节：JBolt平台入门（11）-组件自动化-laydate的特殊使用

JFinal自由开发者计划正式推出 优惠加入！

点我了解JFinal开发者计划

期待你的加入