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 month ago

Smash Balloon

🔥 5 Hacks to Get Real Instagram Followers (Fast)

Want to grow your Instagram account faster this 2024?

In this video, we’ll show you how to increase Instagram followers with 5 of our secret tips and tricks.

... See MoreSee Less

Video image

Comment on Facebook

4 months ago

Smash Balloon

To celebrate Cyber Monday, you can get up to 70% off your Smash Balloon plan today!🔥

👉 smashballoon.com/black-friday/

Act fast! Save big on your favorite social media feed plugin TODAY while it’s on sale.

👉 smashballoon.com/black-friday/
... See MoreSee Less

To celebrate Cyber Monday, you can get up to 70% off your Smash Balloon plan today!🔥

👉 https://smashballoon.com/black-friday/

Act fast! Save big on your favorite social media feed plugin TODAY while it’s on sale. 

👉 https://smashballoon.com/black-friday/

4 months ago

Smash Balloon

Our BIGGEST sale of the year is ON! 🔥

👉 smashballoon.com/black-friday/

Black Friday came early, and you know what this means?

Now, you can score HUGE discounts on all Smash Balloon plugins so you can easily show social media feeds on your sites!

Don’t miss out.

Get your favorite social media feed plugin TODAY while it’s on sale, before it’s too late!

👉 smashballoon.com/black-friday/
... See MoreSee Less

Our BIGGEST sale of the year is ON! 🔥

👉 https://smashballoon.com/black-friday/

Black Friday came early, and you know what this means?

Now, you can score HUGE discounts on all Smash Balloon plugins so you can easily show social media feeds on your sites! 

Don’t miss out. 

Get your favorite social media feed plugin TODAY while it’s on sale, before it’s too late!

👉 https://smashballoon.com/black-friday/

Comment on Facebook

Hi! Does any of this apply to me as an exsiting customer? Lets say if I renew any licens I have earlier than needed?

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 month ago

Smash Balloon

🔥 5 Hacks to Get Real Instagram Followers (Fast)

Want to grow your Instagram account faster this 2024?

In this video, we’ll show you how to increase Instagram followers with 5 of our secret tips and tricks.

... See MoreSee Less

Video image

Comment on Facebook

4 months ago

Smash Balloon

To celebrate Cyber Monday, you can get up to 70% off your Smash Balloon plan today!🔥

👉 smashballoon.com/black-friday/

Act fast! Save big on your favorite social media feed plugin TODAY while it’s on sale.

👉 smashballoon.com/black-friday/
... See MoreSee Less

To celebrate Cyber Monday, you can get up to 70% off your Smash Balloon plan today!🔥

👉 https://smashballoon.com/black-friday/

Act fast! Save big on your favorite social media feed plugin TODAY while it’s on sale. 

👉 https://smashballoon.com/black-friday/

4 months ago

Smash Balloon

Our BIGGEST sale of the year is ON! 🔥

👉 smashballoon.com/black-friday/

Black Friday came early, and you know what this means?

Now, you can score HUGE discounts on all Smash Balloon plugins so you can easily show social media feeds on your sites!

Don’t miss out.

Get your favorite social media feed plugin TODAY while it’s on sale, before it’s too late!

👉 smashballoon.com/black-friday/
... See MoreSee Less

Our BIGGEST sale of the year is ON! 🔥

👉 https://smashballoon.com/black-friday/

Black Friday came early, and you know what this means?

Now, you can score HUGE discounts on all Smash Balloon plugins so you can easily show social media feeds on your sites! 

Don’t miss out. 

Get your favorite social media feed plugin TODAY while it’s on sale, before it’s too late!

👉 https://smashballoon.com/black-friday/

Comment on Facebook

Hi! Does any of this apply to me as an exsiting customer? Lets say if I renew any licens I have earlier than needed?

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

Was this article helpful?