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图片如何放大的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

详解js中图片懒加载的实现原理

layui的tips层怎么用

layui滑动条如何隐藏

layui.js 如何声明全局变量

layui弹出层(open)的属性介绍

css中的图片翻转属性是什么

layui的本地存储方法介绍

layui之弹出层关闭和刷新问题

layui是什么?有什么作用?

layui模板引擎如何使用

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




打赏

取消

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

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

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

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

评论

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