javascript - Instafeed - 在新窗口中打开图片

Question

我已经建立了一家销售产品的商店，并且我想在我的网站上包含一个 Instagram 提要。

我决定使用已安装的，除了我希望图像在新窗口中打开之外，我已经完成了所有工作。

我在这里查看了一些问题并尝试了模板。模板会阻止显示任何图像，但我在调试中也没有看到任何错误。

这就是我所拥有的：

    <script type="text/javascript">
       var feed = new Instafeed({
         get: 'user',
         userId: 'my-user-id-here',
         accessToken: 'my-access-token-here',
         template: '<a href="{{link}}" target="_blank"><img src="{{image}}"     /></a>',
       limit:8
   });
   feed.run();
</script>

我有点难过。有任何想法吗？

Answer 1

最好的方法是使用以下template选项：

var feed = new Instafeed({
  template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>'
  // other settings...
});

或者

在您的 instafeed.js 文件中，查看第 177 行并添加 anchor.setAttribute('target', '_blank'); 效果很好。

或者您也可以添加弹出窗口：-

单击后，函数将获取模板中正在使用的类。

var allTagFeed = new Instafeed({
    target: 'inst1all',
    get: 'tagged',
    tagName: 'mongolia',
    clientId:'xxxxxxxxxxxxxxx',
    accessToken: 'xxxxxxxxxxxxxx',
    limit:'32',

      template: '  <div class="cont" ><a  href="{{link}}" target="_blank"><img  src="{{image}}" /></a><div class="bg"><div class="likes"><img src="./img/likes.png">{{likes}}</div><div class="comments"><img src="./img/likes.png">{{comments}}</div></div><div class="caption">{{caption}}</div></div> '

});

 $( document ).ready(function() {
     //alert('s');
    $("#inst1all").on('click','a', function(){
        var _href = $(this).attr("href");
        alert(_href);

    });

});