更改instafeed以使用悬停字幕并加载更多图像

Question

我刚刚开始使用instafeed.js，到目前为止，我对图像加载没有任何问题。

仅在我的模板中使用图像，它们按照我想要的方式加载到水平行中，但是我的文档很麻烦。

我想要设计这样，这样当我悬停图像时，它会显示图像中的标题而不是下方。主要是因为我想保持一切水平。

但是，我想在右边有一个箭头，可以加载下面的四张图像。

如何在模板和JS中正确地改变这一点，以便我可以实现这两件事？

<script type="text/javascript">
$(document).ready(function() {
  var feed = new Instafeed({
    get: 'user',
    userId: 'id',
    clientId: 'id',
    accessToken: 'token',
    template: '<a target="_blank" href="{{link}}"><img src="{{image}}" /><p>{{caption}}</p></a>',
    sortBy: 'most-recent',
    limit: '4',
    useHttp: true
    });
  feed.run();
});
</script>