layui图片如何放大


当前第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");  //图片ID               

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 );                

}             

}         

});   

});

登录工具网进行在线图片尺寸转换。

1563325925(1).png

以上就是layui图片如何放大的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

layui使用入门教程

layui怎么固定表格的表头

layui框架是免费的吗

如何解决layui时间控件闪退问题

如何判断网页中图片加载成功或者失败?

layui不支持ie兼容吗

layui框架的好处

采用layui的美化时保留select里面的change事件

layui表格数据变更的一种处理方式

layui底层方法介绍

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...