Jquery 内联SVG动画是否可以预加载/缓存？

在Bootstrap中处理库：

<div class="instaRow">
    <div class="col-xs-3">
        <a title="5">
            <div class="fooImg">
                <img class=" img-responsive" src="img/instagram.png" alt="" />
            </div>
        </a>
    </div>
    <div class="col-xs-3">
        <a title="5">
            <div class="fooImg">
                <img class="img-responsive" src="img/instagram.png" alt="" />
            </div>
        </a>
    </div>
    <div class="col-xs-3">
        <a title="6">
            <div class="fooImg">
                <img class="img-responsive" src="img/instagram.png" alt="" />
            </div>
        </a>
    </div>
    <div class="col-xs-3">
        <a title="8">
            <div class="fooImg">
                <img class="img-responsive" src="img/instagram.png" alt="" />
            </div>
        </a>
    </div>
    <div id="myModal" class="modal fade" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><i class="fa fa-times" aria-hidden="true"></i></button>
                <h3 class="modal-title">Instagram Image</h3>
            </div>
            <div class="modal-body"></div>
            </div>
        </div>
    </div>
</div>

Instagram图像

这将渲染Instagram JSON拉取的图像，我想在PHP创建JSON文件时实现一个内嵌动画SVG

SVG:

---

您能找到如何预加载内联SVG吗？我也在找同样的。