Question

我已经开设了一家商店，我正在销售产品，我想在我的网站上添加Instagram Feed。

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

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

这就是我所拥有的：

    <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...
});

OR

在你的instafeed.js文件中，查看第177行并添加anchor.setAttribute（'target'，'_ blank'）;工作得非常好。

或者你也可以添加popUp： -

单击后，函数将使用模板中使用的类。

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);

    });

});

Instafeed - 在新窗口中打开图像

1 个答案: