June 19, 201412 yr Hello everyone, An interesting feature has been brought to my attention recently http://www.stylepit.com/lookbook/ Does anyone know how they animated the video? Looking at the html, it seems to be some sort of jpeg image replacement - but how did they accomplish this? I've also seen this technique used on google doodles in the past, and I would love to know how its done. I've used image swaps before using javascript by dynamically changing the image name every few milliseconds (src="/frames/frame-1", src="/frames/frame-2" etc). However, this method is dubious as it has to load the images continously and can cause gaps in the frames and so on. If anyone has any insight into this I would be very interested! Cheers, Zach
June 21, 201412 yr Author I've investigated this and it seems like it animates a the data URI for each frame. Does anyone have experience using this technique? Do data URIs render very quickly? I understand that they do not cache, so is it possible to preload them? Any thoughts would be appreciated! Cheers, Zach
Create an account or sign in to comment