Docs    Facebook    Customizations

Creating a slideshow, slider, or carousel from your Facebook posts

If you’re using the Pro version of the Custom Facebook Feed WordPress plugin then you can use our Carousel extension to create sliding carousels out of your Facebook content.

If you’re using the free WordPress plugin, or the PHP Standalone version, then it’s possible to achieve a basic slideshow by doing the following:

————

1) Add a class to the shortcode of the feed that you want to convert into a slideshow:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

1 week ago

Smash Balloon

🎬 Want to grow your Instagram presence?

With Instagram Feed Pro, you can easily create, customize, and embed Instagram posts on your website.

You can then engage your visitors and get tons of #instagram followers in no time.

Find out more about the easiest to use and most powerful Instagram feed plugin here:
... See MoreSee Less

Video image

Comment on Facebook

4 weeks ago

Smash Balloon

We kicked off our Smashing Summer Sale last week, and the response has been amazing!

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now it's your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while it's hot!

Click here to save BIG: smashballoon.com/sale/
... See MoreSee Less

We kicked off our Smashing Summer Sale last week, and the response has been amazing! 

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now its your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while its hot!

Click here to save BIG: http://smashballoon.com/sale/

3 months ago

Smash Balloon

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
... See MoreSee Less

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: https://smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
Load more

2) Set the number of posts to display to be the number of posts you want to include in the slideshow (10 for example). You can do this by using the ‘num’ shortcode option:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

1 week ago

Smash Balloon

🎬 Want to grow your Instagram presence?

With Instagram Feed Pro, you can easily create, customize, and embed Instagram posts on your website.

You can then engage your visitors and get tons of #instagram followers in no time.

Find out more about the easiest to use and most powerful Instagram feed plugin here:
... See MoreSee Less

Video image

Comment on Facebook

4 weeks ago

Smash Balloon

We kicked off our Smashing Summer Sale last week, and the response has been amazing!

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now it's your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while it's hot!

Click here to save BIG: smashballoon.com/sale/
... See MoreSee Less

We kicked off our Smashing Summer Sale last week, and the response has been amazing! 

So many business owners used the chance to get up to 65% off on Smash Balloon plans.

This sale ends TONIGHT. Now its your turn to get the best social media feed plugins at a huge discount!

Water you waiting for? 🌊 Grab this deal while its hot!

Click here to save BIG: http://smashballoon.com/sale/

3 months ago

Smash Balloon

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
... See MoreSee Less

We’re 9 years old! And what a 9 years it’s been. 5 plugins, over 1.75 million users, and over 5,000 5-star reviews! We couldn’t have come this far without you, and so to show our appreciation we’re running a huge sale for this week only: https://smashballoon.com/sale/

We’re offering 65% off our All Access Bundle which includes all of our popular plugins for Instagram, Facebook, Twitter, YouTube, and our fan-favorite Social Wall plugin which combines them all together.

We have tons of exciting updates in store for this year and we’re excited to share them with you soon. Here’s to another year continuing to serve you the best we can to help you reach your goals!
Load more

3) Add the following JavaScript to your site. This can be done manually using a custom JavaScript plugin. For further information see our documentation here. Please note, if you change the class option in the shortcode above to be anything but “slideshow” then make sure to change that on the first line of the snippet below:

var shortcodeClass = 'slideshow',
    cffSpeed = 5000, 
    $cff = $('#cff.'+ shortcodeClass);
    $cffItem = $cff.find('.cff-item'),
    cffNum = $cffItem.length,
    cffCur = 0;
$cffItem.hide();
setTimeout(function(){ $cff.find('.cff-item').eq(0).show(); }, 200);
setInterval(function(){
    $cff.find('.cff-item').eq(cffCur).fadeOut( "fast", function() {
        if( cffCur == cffNum-1 ) cffCur = -1;
        cffCur++;
        $cff.find('.cff-item').eq(cffCur).fadeIn();
    });
}, cffSpeed);

4) You can change the speed of the transition by editing the cffSpeed = 5000 value at the top of the snippet. 5000 is equal to 5 seconds (5000ms).

support

Couldn’t find your answer in the docs?

Contact Support