用JavaScript实现图片缓慢缩放效果_技术问答

首页免费课用JavaScript实现图片缓慢缩放效果问答

用JavaScript实现图片缓慢缩放效果

全部评论问答未解决精华

Vans

我发现灵异事件，当我写到缩小的时候图片就不断抖动！！！

0 3-4 用JavaScript实现图片缩小效果

2018-10-28

广东丶林峰3484254

0 2-3 编程练习

2018-09-27

慕婉清1496524

老师讲的很细，我的效果也是出来了，再代码里，缩小的话也可以用除法“/”也可以的。

1 4-1 总结

2018-03-02

慕神6433860

老师用的是img.width,
我们可以用img.style.width来做，并且要把img.style.width转换为数值才能进行数字操作。
转换方法一：
img.style.width=img.offsetWidth*1.05+"px"; //增加宽度
转换方法二：
img.style.width=parseInt(img.style.width)*1.05+"px"; //增加宽度

1 3-1 用JavaScript实现图片放大效果

2017-11-30

echola

慕课视频前面那个声音，好刺耳啊。。。。

0 1-1 效果展示及实现原理分析

2017-10-13

蛐蛐儿1995

看了评论真受不了那些自以为很6的人，你们技术好还来看这些干嘛？装逼也要有节制。了不起？

2017-09-08

无鞋Two

每次变成1.05倍，增加6次并不是你讲的1.3倍好吧。因为1.05都是变成前一次的1.05倍，img.width值每次执行都会更新，也就是1.05^6算出来是1.34......

0 3-1 用JavaScript实现图片放大效果

2017-08-23

AllySu

最后的最后少了一个花括号“}”，不然运行不出来，这就是坑，没有坑也要挖坑。

2 3-3 编程练习

2017-08-12

AllySu

进来瞧瞧，setInterval()

0 1-1 效果展示及实现原理分析

2017-08-12

慕虎4773338

老师实现的效果是基于XHTML的，如果在HTML5中，img.width 和 img.height 只能读取（值为数字类型），不能写入，缩放是实现不了的。大家可以用 img.style.width、img.style.cssText、img.style.getPropertyValue(Name)、img.style.setPropertyValue(Name)试试，不过这些属性方法读取的值和写入的值都是“字符串类型”，带有“...px”单位的。我接下来是把他们都转换成了数字类型，我感觉挺麻烦的。有没有大神，有其他的方法？

1 3-1 用JavaScript实现图片放大效果

2017-08-10