The ordering of the commands made me wonder if something is being ordered in your JavaScript to prevent the scrolling happening once the images are loaded. I imported the required scripts, including SimplyScroll JavaScript, Instafeed JavaScript and the SimplyScroll css. prevent the row from overlapping when loading but it does work as intended. Instafeed-Lite: A dead simple way to get data from Instagram (no. 1.0.0 Published 4 years ago instafeed-lite. I also had to fiddle around a bit to get this working, I've put it on a site I did for a friend, you can have a look if it helps ( - warning, it plays music when you load it!) I still want to tweak it a bit e.g. instafeed react 1.0.0 Published 4 years ago instafeed-lite Instafeed-Lite: A dead simple way to get data from Instagram (no templating, and inspired by Instafeed. react-instafeed, instafeed-lite, nanogram.js, instafeed.es6, raddo/easy-instagram-feed, ember-instafeed, instagram-graph-fetcher-js. I'm completely stumped on how and why it works on page reload only. If the user reloads the page (not refresh, but instead selects the URL in the browser and hits enter) it works as intended. Instafeed for react pro#In this example, Instafeed loads the images, but is not styled properly and does not scroll. Instafeed Free Free Forever free Video support Grid or slider layout Auto optimized layout Open popup or link to Instagram Available on all devices and themes Instafeed Pro 5.99/month Everything in Free Tag products Reels Profile photo, likes, followers Advanced layout configurations Up to 3 different feeds 3-day trial Instafeed Plus 15. If you want assistance in creating the API URL you can use instafeed-lite. This is a direct port from instafeed-lite at the moment. Any assistance, or direction to resources is appreciated!īest as I can understand, the correct method is to create a target ID with the Instafeed HTML, which SimplyScroll calls as the source images. And if you really don't want to do anything with the code, feel free to use react-instafeed which wraps this for react. I'm a super novice web designer, and I've done days of research in trying to work out the correct JavaScript HTML to get these two scripts working together, but to no avail. The next step is to create a container using a widget or even in your post or page.Attempting to use SimplyScroll to scroll Instagram images, but can't determine the proper HTML markup to get the two scripts to function together. Or you can do that before uploading the plugin by extract it and edit if offline. You can use the Plugin Editor to edit user name, image number, etc (I’m too lazy to create backend interface). Upload it to your server using the upload plugin inside WordPress or by FTP. I’ve compiled a simple plugin based on the JQuery version that you can download. I found a solution from a script written by Javier Sanahuja, the codes he shares on GitHub, written in both pure Javascript and JQuery version. With the recent changes to the Instagram API, this method is no longer work to pull images from the feed. The issue is that we have to contact the client back and forth to get this all things work. Adding a public Instagram feed for my clients is a headache nowadays, it requires to generate an access token to include in a plugin, even for a public feed.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |