Criar uma apresentação de diapositivos, uma barra deslizante ou um carrossel a partir das suas publicações do Facebook

Se estiver a utilizar a versão Pro do plugin Custom Facebook Feed WordPress, pode utilizar a nossa Extensão de carrossel para criar carrosséis deslizantes a partir do seu conteúdo do Facebook.

Se estiver a utilizar o plug-in gratuito do WordPress ou a versão PHP Standalone, é possível obter uma apresentação de diapositivos básica fazendo o seguinte:

----

1) Adicione uma classe ao shortcode do feed que pretende converter numa apresentação de diapositivos:

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

2) Defina o número de mensagens a apresentar como o número de mensagens que pretende incluir na apresentação de diapositivos (10, por exemplo). Pode fazê-lo utilizando a opção de shortcode 'num':

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

3) Adicione o seguinte JavaScript ao seu site. Isto pode ser feito manualmente utilizando um plugin JavaScript personalizado. Para mais informações, consulte a nossa documentação aqui. Tenha em atenção que, se alterar a opção de classe no shortcode acima para algo que não seja "slideshow", certifique-se de que altera essa opção na primeira linha do snippet abaixo:

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) Pode alterar a velocidade da transição editando o valor cffSpeed = 5000 na parte superior do snippet. 5000 é igual a 5 segundos (5000ms).

apoio

Não encontrou a sua resposta nos documentos?

Apoio ao contacto

Este artigo foi útil?