首页 \ 问答 \ Instagram弹出窗口(Instagram popup)

Instagram弹出窗口(Instagram popup)

情况

我正在使用instafeed插件根据标签从Instagram加载一些图像。 暴跌运作良好。 每次点击Instagram图片我想在我的网站窗口打开一个灯箱,图片,标题,用户名等......

var allTagFeed = new Instafeed({
    target: 'instpop',
    get: 'tagged',
    tagName: 'mongolia',
    clientId:'xxxxxxxxxxxx',
    accessToken: 'xxxxxxxxxx',
    limit:'2',
    template: '<div id="caption">{{caption}}  </div><div id="bg"><a href="{{link}}" target="_blank"><img src="{{image}}" /></a>{{likes}}</div>' 
    });

解决方案

创建一个调用该特定用户信息的函数,以便将其放入模板中。

问题

我不知道如何创建该功能。 我还想询问是否有人知道另一种方式将Instagram图片与其信息(就像instagram.com一样)包含在一个单独的弹出窗口中,因为我不希望用户离开我的页面。


The situation

I am using instafeed plugin to load some images from Instagram according to a hashtag. The plunging is working well. Every time a Instagram image is clicked I want to open a light-box in my website window With the image, caption, user name, etc...

var allTagFeed = new Instafeed({
    target: 'instpop',
    get: 'tagged',
    tagName: 'mongolia',
    clientId:'xxxxxxxxxxxx',
    accessToken: 'xxxxxxxxxx',
    limit:'2',
    template: '<div id="caption">{{caption}}  </div><div id="bg"><a href="{{link}}" target="_blank"><img src="{{image}}" /></a>{{likes}}</div>' 
    });

The solution

Create a function that call that specific user information, so I can put it into a template.

The problem

I don't know how to create that function. I also want to ask if someone knows another way to include Instagram picture with it's information (just like instagram.com) in a separated pop up as I don't want the user goes out of my page.


原文:https://stackoverflow.com/questions/34222736
更新时间:2022-03-19 20:03

最满意答案

您在询问编写命令行程序。 这里只是一个简单的:

#!/usr/bin/env bash

if [[ $# -eq 0 ]]; then
  echo "no command specified"
  exit
elif [[ $# -gt 1 ]]; then
  echo "only one argument expected"
  exit
fi

case "$1" in
  test)
    echo "hello, this is test1"
    ;;
  test2)
    echo "hello, this is test2"
    ;;
  *)
    echo "unknown command: $1"
    ;;
esac

然后通过运行chmod +x script.sh保存它并使其成为可执行文件,并在.bashrc文件中添加alias personal="/fullpath/to/the/script.sh"

这是使用bash非常基本和简单的示例,当然您可以使用任何您喜欢的语言,例如Python,Ruby,Node等


You are asking about writing a command-line program. Just a simple one here:

#!/usr/bin/env bash

if [[ $# -eq 0 ]]; then
  echo "no command specified"
  exit
elif [[ $# -gt 1 ]]; then
  echo "only one argument expected"
  exit
fi

case "$1" in
  test)
    echo "hello, this is test1"
    ;;
  test2)
    echo "hello, this is test2"
    ;;
  *)
    echo "unknown command: $1"
    ;;
esac

Then save it and make it an executable by run chmod +x script.sh, and in your .bashrc file, add alias personal="/fullpath/to/the/script.sh".

This is just very basic and simple example using bash and of course you can use any language you like, e.g. Python, Ruby, Node e.t.c.

相关问答

更多

相关文章

更多

最新问答

更多
  • 获取MVC 4使用的DisplayMode后缀(Get the DisplayMode Suffix being used by MVC 4)
  • 如何通过引用返回对象?(How is returning an object by reference possible?)
  • 矩阵如何存储在内存中?(How are matrices stored in memory?)
  • 每个请求的Java新会话?(Java New Session For Each Request?)
  • css:浮动div中重叠的标题h1(css: overlapping headlines h1 in floated divs)
  • 无论图像如何,Caffe预测同一类(Caffe predicts same class regardless of image)
  • xcode语法颜色编码解释?(xcode syntax color coding explained?)
  • 在Access 2010 Runtime中使用Office 2000校对工具(Use Office 2000 proofing tools in Access 2010 Runtime)
  • 从单独的Web主机将图像传输到服务器上(Getting images onto server from separate web host)
  • 从旧版本复制文件并保留它们(旧/新版本)(Copy a file from old revision and keep both of them (old / new revision))
  • 西安哪有PLC可控制编程的培训
  • 在Entity Framework中选择基类(Select base class in Entity Framework)
  • 在Android中出现错误“数据集和渲染器应该不为null,并且应该具有相同数量的系列”(Error “Dataset and renderer should be not null and should have the same number of series” in Android)
  • 电脑二级VF有什么用
  • Datamapper Ruby如何添加Hook方法(Datamapper Ruby How to add Hook Method)
  • 金华英语角.
  • 手机软件如何制作
  • 用于Android webview中图像保存的上下文菜单(Context Menu for Image Saving in an Android webview)
  • 注意:未定义的偏移量:PHP(Notice: Undefined offset: PHP)
  • 如何读R中的大数据集[复制](How to read large dataset in R [duplicate])
  • Unity 5 Heighmap与地形宽度/地形长度的分辨率关系?(Unity 5 Heighmap Resolution relationship to terrain width / terrain length?)
  • 如何通知PipedOutputStream线程写入最后一个字节的PipedInputStream线程?(How to notify PipedInputStream thread that PipedOutputStream thread has written last byte?)
  • python的访问器方法有哪些
  • DeviceNetworkInformation:哪个是哪个?(DeviceNetworkInformation: Which is which?)
  • 在Ruby中对组合进行排序(Sorting a combination in Ruby)
  • 网站开发的流程?
  • 使用Zend Framework 2中的JOIN sql检索数据(Retrieve data using JOIN sql in Zend Framework 2)
  • 条带格式类型格式模式编号无法正常工作(Stripes format type format pattern number not working properly)
  • 透明度错误IE11(Transparency bug IE11)
  • linux的基本操作命令。。。