使用代码实现GIF效果 - 如何完成?

时间:2012-08-09 10:33:51

标签: jquery gif css-sprites

虽然对项目进行了重新研究,但我遇到了Lacoste的网页http://www.lacoste.com/live/usa/home

对于这个页面的设计最让我感兴趣的是外观的显示,当徘徊变成看似360动画的GIF时,但仔细观察后我意识到它们实际上是非常宽的JPEGS,包含来自所有人的视图以某种方式左右移动的角度,以创造动画运动的印象。

这是如何实现的?我想它是某种类型的JavaScript,但我会很感激,如果有人可以用一些代码示例解释这是什么基础知识。

非常感谢!

2 个答案:

答案 0 :(得分:3)

使用固定大小的div,背景图像和背景位置的变化对其进行捏合 在此处查看: http://jsfiddle.net/LLAlive/NX2FG/

答案 1 :(得分:2)

您需要搜索的关键字为css sprites,此处有一个很好的解释:http://css-tricks.com/css-sprites/