如何正确显示图像和计时？

Question

我希望标题不会产生误导，但是有这种情况：

我想只有在类存在时才会显示gif。现在，我有三个GIF，我希望每个人在前一个结束后开始动画。我该怎么做呢？

我还希望第一个动画只在页面滚动到div而不是之前启动，因为在页面滚动到其部分之前没有显示gif的点。

我确实尝试了一些东西，但它不起作用..

if ($('.title-inner').hasClass('visible')) {
    $('.media').find("img[src$='/04/IC.gif']").show('2000');
}

最好的办法是什么？