Displaying Photos

  • Resolved s_robby

    (@s_robby)


    10 years, 2 months ago

    I am trying to create a slider of Instagram images with your plugin. I actually have two accounts in the same sidebar, but I wasn’t able to use two separate accounts with the same plugin which is why I am using your plugin. So far so good – your instructions are clear. BUT I’m trying to get away from the scroll and I would like the photos to just display like a gallery. You can see what I mean on the website (your plugin is the second of the two):
    https://www.lee-loy.com

    Thank you!

    https://www.ads-software.com/plugins/instagram-feed/

Viewing 1 replies (of 1 total)
  • Plugin Author smashballoon

    (@smashballoon)

    Hey s_robby,

    There’s not a built in slideshow feature in the plugin, although I may add this in the future. I decided to put together a quick JavaScript snippet for you though which will achieve this functionality. Just set the number of posts on the plugin’s Settings page to be 10 or 20 (or however many posts you want to display in the slideshow) and then add the following to the plugin’s Custom JavaScript section, which is on the plugin’s Customize page:

    var sbiNum = $('#sb_instagram .sbi_item').length,
    sbiCur = 0;

$('#sb_instagram .sbi_item').hide().eq(0).show();

setInterval(function(){
    $('#sb_instagram .sbi_item').eq(sbiCur).fadeOut( "fast", function() {
        if( sbiCur == sbiNum-1 ) sbiCur = -1;
        sbiCur++;
        $('#sb_instagram .sbi_item').eq(sbiCur).fadeIn();
    });
}, 5000);

    That should then rotate through your photos 1 by 1. Let me know whether that works for you, and hope you’re having a great weekend! ??

    John

Viewing 1 replies (of 1 total)
  • The topic ‘Displaying Photos’ is closed to new replies.