阿里巴巴国际站详情页动图之谜
国际站详情页动图
部门一妹子发了一个产品详情页链接
https://www.alibaba.com/product-detail/SOICARE-wood-grain-essential-oil-diffuser_60557841091.html?spm=a2747.manage.list.28.9wR6Nx
就是想知道这个页面里的动图是如何添加上去的，里面的动图是这样的
有动图展详情页配合文字展示产品特性时的浏览体验比静态图片简直高太多，可是阿里后台已经对gif格式的图片做出了限制，上传的图片只能是JPG、JPEG、PNG这几种类型。
这么炫酷的详情页动态图看着就流口水
决定一探究竟，打开Chrome开始检查网页的内部结构，期望能找到真相。
在一行行代码中检索图片，时间就这么一分分的流逝，最后终于找到了突破，下面的地址就是动态图片的网络路径
https://sc01.alicdn.com/kf/HTB1DgvcNXXXXXbgXFXXq6xXFXXXO/200287841/HTB1DgvcNXXXXXbgXFXXq6xXFXXXO.jpg
心细的小伙伴可能已经看到页面中动的那张图的后缀是.jpg，也就是说这张动图并不是gif格式的。
能动的文件还有.swf格式，还可以运用最新网页技术让jpg/png实现动画，还有......
可是这些阿里后台都是不支持的，要想在代码模式下实现详情页不一样的排版，也仅仅只支持最基础的HTML。所以这条路也断了。
那有没可能.jpg格式的图片就是可以动呢？这不就是个活生生的例子吗？这个例子已经让我开始怀疑我所认识的jpg了，难道jpg图可以动？赶紧去百科了一下最后还是没有找到可以让jpg图片动起来的方法。
我无聊的望着桌面上的一个个文件，鼠标点呀点呀点呀，一张gif表情进入了重命名的状态，.gif重命名成.jpg会怎么样？
奇迹出现了，重命名后缀的图竟然打开可以动起来了，这一刻简直比中奖了还开心。
原来那张图用的是伪gif图片实现的详情页动图。这后台真是太好忽悠了，换个马甲就不认识了。
