当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | var ysw = 0;
var ysh = 0;
layui. use ( 'slider' , function (){
var $ = layui.$
,slider = layui.slider;
slider.render({
elem: '#slideys'
,value: 0
,theme: '#1E9FFF'
,step: 1
,min: -10
,max: 10
,showstep: true
,change: function (value){
if (ysw ==0 || ysh == 0){
return ;
}
var pjw = ysw/20;
var pjh = ysh/20;
var img = $( "#dximg" );
if (img!=null){
var w = Math. round (ysw+(pjw*value));
var h = Math. round (ysh+(pjh*value));
$(img).css( "width" , w );
$(img).css( "height" , h );
}
}
});
});
|
登录工具网进行在线图片尺寸转换。

以上就是layui图片如何放大的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
layui使用入门教程
layui怎么固定表格的表头
layui框架是免费的吗
如何解决layui时间控件闪退问题
如何判断网页中图片加载成功或者失败?
layui不支持ie兼容吗
layui框架的好处
采用layui的美化时保留select里面的change事件
layui表格数据变更的一种处理方式
layui底层方法介绍
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui图片如何放大