![]() Any ideas how I can change my code to fit Bootstrap3? I have tried adding the Bootstrap tags, but it either shows all images on one row, or one image on each row (without 100% width). These are the top rated real world JavaScript examples of instafeed. My problem is with making the Instagram feed responsive with the advantages of Bootstrap. Version 2 of Instafeed.js is now available, powered by the new Instagram Basic Display API. Now I'm trying to add a Instagram feed using instafeed.js. Instafeed.js is a simple way to display your Instagram photos on your website. If you're using Instagram Feed plugin on your WordPress website and would like to exclude all images surfaced by this widget, add the following in the Custom JavaScript section of the Instagram Feed Plugin Admin settings: $("#sbi_images img").I'm making my first WordPress template based on Bootstrap3. If you're using Instafeed.js on your website and would like to exclude all images surfaced by this widget, you need to add the data-pin-no-pin attribute to the template variable: $(".sharethisimg").removeAttr("data-pin-nopin", "true") // whitelists all images with "sharethisimg" class $("img").attr("data-pin-nopin", "true") // blacklists all images ![]() You can whitelist just the images that you would like shared: You can grab the latest version of jQuery here: Whitelist select images These are the top rated real world JavaScript examples of instafeed.js extracted from open source projects. It is critical that jQuery is included before you try to use jQuery. JavaScript instafeed js Examples Programming Language: JavaScript Namespace/Package Name: instafeed Class/Type: js Examples at : 4 JavaScript js - 4 examples found. In-case yours doesn't and you need to include jQuery, include the following in the section of your template before you add any of the snippets detailed above. Step 3: Adding support for Fancybox via the after function. Most sites already have jQuery available. Step 1: Pulling in recent instagram pictures by tag or user and loading them into a instagram or instafeed can be performed with InstaFeed.js Step 2: Adding advanced instagram feed options and templating. Including the following meta tag in the section of your template would also exclude all images from Pinterest from that page: How to include jQuery in your template The following would exclude all images from Pinterest: the way Instafeed.js looks on your website is to use the template option. sidebar img").attr("data-pin-nopin", "true") Instafeed.js is a simple way to display your Instagram photos on your website. limit: 6, template:You can also combine the two into one simple statement: insta feed js for drupal 7 HTML CODE Insta Feed JS Load more CSS Code. To exclude all images within a section with class selector called "sidebar" with jQuery: Review and update your Instafeed options. 1 Answer Sorted by: 1 In your template you can use responsive classes like this:
XS Screen (1 image in a row).
Current release is v2.0.0rc1 This process varies depending on how you have included the script initially. To exclude all images within a section with ID selector called "sidebar" with jQuery: Setup your Facebook app Set up the token agent and include the script on your web page, before the Instafeed script.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |