阿里巴巴國際站詳情頁動圖之謎
國際站詳情頁動圖
部門一妹子發(fā)了一個產(chǎn)品詳情頁鏈接
https://www.alibaba.com/product-detail/SOICARE-wood-grain-essential-oil-diffuser_60557841091.html?spm=a2747.manage.list.28.9wR6Nx
就是想知道這個頁面里的動圖是如何添加上去的,里面的動圖是這樣的

有動圖展詳情頁配合文字展示產(chǎn)品特性時的瀏覽體驗比靜態(tài)圖片簡直高太多,可是阿里后臺已經(jīng)對gif格式的圖片做出了限制,上傳的圖片只能是JPG、JPEG、PNG這幾種類型。
這么炫酷的詳情頁動態(tài)圖看著就流口水
決定一探究竟,打開Chrome開始檢查網(wǎng)頁的內(nèi)部結(jié)構(gòu),期望能找到真相。

在一行行代碼中檢索圖片,時間就這么一分分的流逝,最后終于找到了突破,下面的地址就是動態(tài)圖片的網(wǎng)絡(luò)路徑
https://sc01.alicdn.com/kf/HTB1DgvcNXXXXXbgXFXXq6xXFXXXO/200287841/HTB1DgvcNXXXXXbgXFXXq6xXFXXXO.jpg
心細(xì)的小伙伴可能已經(jīng)看到頁面中動的那張圖的后綴是.jpg,也就是說這張動圖并不是gif格式的。
能動的文件還有.swf格式,還可以運用最新網(wǎng)頁技術(shù)讓jpg/png實現(xiàn)動畫,還有......
可是這些阿里后臺都是不支持的,要想在代碼模式下實現(xiàn)詳情頁不一樣的排版,也僅僅只支持最基礎(chǔ)的HTML。所以這條路也斷了。
那有沒可能.jpg格式的圖片就是可以動呢?這不就是個活生生的例子嗎?這個例子已經(jīng)讓我開始懷疑我所認(rèn)識的jpg了,難道jpg圖可以動?趕緊去百科了一下最后還是沒有找到可以讓jpg圖片動起來的方法。
我無聊的望著桌面上的一個個文件,鼠標(biāo)點呀點呀點呀,一張gif表情進入了重命名的狀態(tài),.gif重命名成.jpg會怎么樣?
奇跡出現(xiàn)了,重命名后綴的圖竟然打開可以動起來了,這一刻簡直比中獎了還開心。
原來那張圖用的是偽gif圖片實現(xiàn)的詳情頁動圖。這后臺真是太好忽悠了,換個馬甲就不認(rèn)識了。






































