Normally I would attach it to the expandImage function. Note: In order to test the caption retrieval I changed the event listener on the thumbnails to the caption function. when trying to retrieve the data from the custom property. I'm trying to show that information once the image is clicked. I understand that I can do it using the template property, but that shows up when all of the images are loaded. However I can't access the caption or likes data. In the after call back function I was able to create a function that expands the thumbnail image.
#INSTAFEED JS CAPTION FULL SIZE#
I'm creating a lightbox, where the image opens up full size on the page and has the image information underneath. See Templating.I'm having a hard time trying to access the caption property within the image model. You can write your own HTML markup and it will be used for every image that Instafeed.js fetches. The easiest way to control the way Instafeed.js looks on your website is to use the template option. See Options in the wiki for the complete reference. The function will be given the image data as an argument, and expects the function to return a boolean.Ī custom function to sort the media, rather than the default 'most recent' sortingĮither the ID or the DOM element itself where you want to add the images.Ī mustache template used to produce HTML for the document.Ī function used to transform the image data before it is rendered. Set to true to display debugging informationĪ function used to exclude images from your results.
The Instagram access token, either as a string, or a function which returns a string Here are some of the most commonly used options: Key
Create an access token and provide it to an Instagram Token service.Create a Facebook app linked to Instagram, and add yourself as a test user.Setting up Instafeed is pretty straight-forward - there are 3 main steps.
#INSTAFEED JS CAPTION FREE#
It's a paid service, but it has a free tier that will work for smaller projects.
If you're looking for a turnkey solution that manages tokens for you, or you need more advanced features like hashtag feeds, I recommend looking at Behold.
The largest problem is that managing API tokens now requires a server-side component, which I can’t provide through Instafeed.js alone. Unfortunately, Facebook has made this process a lot more complex than it used to be. I like to think I was able to do that, in large part thanks to the public API Instagram had at the time. When I originally wrote Instafeed.js in 2012, I wanted to create an easy way to quickly add your Instagram photos to your website. Version 2 of Instafeed.js is now available, powered by the new Instagram Basic Display API.įor help upgrading from v1, see the v2 migration guide. Instafeed.js is a simple way to display your Instagram photos on your website.
0 kommentar(er)
