2015-10-06 63 views
-1

我在建立一个网站,我使用一些gif文件,但gif在页面加载后立即开始动画。我希望它们在用户滚动到特定的gif部分(即当前视口)时触发。请参阅示例:http://www.invisionapp.com/如何在网站当前视口/屏幕上动画gif

我已经搜索了整个互联网,但无法获得最简单的doint方法。任何人有任何想法,请协助。

+0

看起来你需要航点。你尝试过什么吗? –

+0

我尝试了几个jquery的东西,不工作:( –

+0

更新你的问题,并把你已经尝试过的代码到目前为止(html + js)。 –

回答

0

你可以做的是使用两个图像,一个是静态的,另一个是动画。因此,当用户在目标上滚动时,在您的案例视口中,然后用动画gif图像替换静态图像。

+0

嗨Pramod,thnx的帮助。你能提供一个示例代码交换这些图像? –

+0

@BeginnerKid你只需要改变图像标签的src值,当你的事件被触发时 – Pramod

+0

是的,我明白了你的观点但是我该如何改变当前视口的src值? –