i need show instagram photo based on user account , give user choice view same based on tagname listed in dropdown.
i using instfeedjs plugin , able show user based images on when page loaded , give user , option view tags based images selected drop-down. working
problem loading more images on scrolling bottom of page.
load more works loads images instagram user account not relevant tag user had selected.
my logic seems wrong.
codepen example http://codepen.io/anon/pen/kpwvvy?editors=001
//set instafeed var feedaccount = new instafeed({ get: 'user', userid: 11175379, accesstoken: '11175379.467ede5.f5ec3337edc941678b80d5eac0310213', links: true, limit: 12, target: 'instafeed', sortby: 'most-recent', resolution: 'low_resolution', usehttp: true, template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 cccc"><div class="photo-box"><div class="image-wrap"><a href="{{link}}" target="_blank"><img src="{{image}}"></a><div class="likes">{{likes}} likes</div></div></div></div>' }); //// call feed.next() on button click //$('#loadmore').on('click', function () { // feed.next(); //}); feedaccount.run(); $(window).scroll(function(){ if($(window).scrolltop() + $(window).height() > $(document).height() - 100) feedaccount.next(); }); i want achieve following
on page load
instagramuser based images show , should load more images same account when site visitor scrolls down page. (working)second, when user select
tagdrop-down should show relevant tag based images (this part working). , when user scrolls down page should load more image related same tag selected. this case load images user account.third, when user click on refresh button should reset default value on page load , show user account based images
not sure how fix this, tried few thing either doesn't works or breaks script.
add condition scroll function
if($('select').val()!=""){ feedtags.next(); } else { feedaccount.next(); } or
you can use single object records feedaccount
Comments
Post a Comment