如何给零云系统后台的图片增加点击放大功能

其实零云lyui中内置了图片缩放的支持,页面上的图片只要含有data-action="zoom"这个属性就会自动开启缩放,例如这样<img src="xxx" data-action="zoom">,知道了原理再给零云后台加就好办了,因为后台页面基本都是由Builder自动生成的,因此我们只要在全局模板文件里做出修改即可,具体如下:

打开Application/Common/util/lyf/builder/javascript.html,在$(function() {后边加上$('.listbuilder-box .builder-container img').attr('data-action', 'zoom');即可。

注意:零云旧版本的路径可能是Application/Common/Builder。


最好在外部css覆盖这个类而不是直接改。

目前发现的解决方案:零云专业版1.5,在\Public\libs\lyui\dist\css里面的lyui.min.css找到‘.zoom-img-wrap‘这个样式,把position:relative;更改为position:absolute;

的确赋值成功了,但是点击后全屏空白,

看看页面的实际结构,只有成功给图片加上所说的属性即可。

跟lyui无关

能不最新的lyui.js更新一下吗?不然不知道怎么改

仅供参考,以实际代码为准,旧版本不一定支持

我这边测试不行呢。

在Application/Common/Builder里面的文件添加了了$('.listbuilder-box .builder-container img').attr('data-action', 'zoom');,但是点击了发现全屏空白,可以返回。

corethink1.5能行不?

要回复问题请先 登录注册