[Resolvido] Imagem randomizado no builder


#1

Gostaria de utilizar imagens diferentes em um bloco de resposta no builder.

Tem sites com Gifs randomizados.


#2

Olá @FIEP_Bot,

não sei exatamente como você deseja randomizar as imagens, mas partindo do princípio que você já tem todas as urls possíveis basta utilizar o padrão abaixo:

{{ https://img.com/1.png | https://img.com/2.png | https://img.com/3.png }}

Toda vez que você utiliza o padrão (Spin Text) {{ valor1 | valor2 | valor3 }} o Builder sorteia um dos valores aleatoriamente.
Você pode utilizar esse padrão inclusive se quiser gerar diferentes conteúdos em um mesmo ponto do fluxo.

Exemplo: {{ Olá | Oi | Como vai? }}


#3

Olá Rafael,

Obrigado pela ajuda. Só URL no bloco que utiliza imagem que não funciona, pois ele identifica como texto.
Para o objeto de imagem.


#4

Olá @FIEP_Bot,

o comportamento está correto. Como você utilizou o recurso SpinText na url da imagem o Builder entende que sua URL não é válida (apenas no processo de edição). :slight_smile:


#5

Utilizei como você descreveu o {{https://uploaddeimagens.com.br/images/001/812/657/original/tenor.gif|https://uploaddeimagens.com.br/images/001/812/658/original/tenor2.gif}} na url da imagem do Builder.
E ela não entendeu como uma URL válida.
O problema está tanto na edição quanto no teste.

Faça um teste que você ira ver o que acontece.

The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.


#6



#7

Olá @FIEP_Bot, exatamente.

Para realizar a variação de URLs de uma forma funcional para todos os casos sugiro que vocês utilizem uma ação do tipo Script JS.

Basta adicionar um script que sorteia uma das URLs e depois utilizar a variável que contém a URL selecionada.
Veja o exemplo abaixo:

1- Crie uma ação Executar Script JS como uma ação de entrada no bloco desejado.

Copie o script abaixo para facilitar a utilização

 function run() {
       var url1 = 'https://www.gettyimages.com/gi-resources/images/500px/983794168.jpg';
       var url2 = 'http://www.cinemasim.com.br/wp-content/uploads/2018/10/Aquaman01.jpg';

       var randomNumber = Math.random() % 2; // % 2 para sortear uma entre duas URLs
       if (randomNumber == 0) return url1;
       return url2;
 }

2- Utilize a variável image em seu fluxo