Deixe que o público decida quando é hora de mudar a imagem, em vez de um loop ininterrupto.
Compatível com o aplicativo OnSign TV Player para Android 4.2.0 ou superior e Windows 9.1.1 ou superior.
Reúna fotos em um carrossel de imagens com o recurso de interatividade. Confira o resultado abaixo:
Neste tutorial, criaremos um carrossel simples de quatro fotos. Obtenha as imagens usadas para a campanha mostrada acima neste arquivo zip ou use suas próprias imagens.
Além de criar uma campanha do zero, usaremos o recurso de interatividade. Se você não sabe como usar a interatividade, recomendamos que primeiro confira os seguintes tutoriais para entender melhor o assunto:
- Na sua conta OnSign TV, crie uma campanha. Preencha as informações básicas, como nome e categoria.
- Um slide carrossel consiste em três elementos básicos: uma moldura central e dois botões para avançar e retroceder nas imagens. Clique em "Adicionar Layout Personalizado" na sua Campanha e crie uma zona para cada um deles. Também criamos uma zona na tela para a imagem de fundo.
- Carregue as imagens que você usará nesta campanha específica para sua conta OnSign TV. Na sua Linha do Tempo, posicione os botões em suas respectivas áreas da tela e insira a imagem de fundo e uma única foto do carrossel.
Não coloque mais de uma foto no quadro do carrossel, caso contrário ele não obedecerá aos comandos dos botões que configuraremos mais tarde e, em vez disso, reproduzirá um loop ininterrupto.
4. Publique a campanha para um Player. Ao chegar à página "Publicado para estes Players", selecione "Interatividade" no menu à esquerda, abaixo da miniatura da campanha.
5. Agora, vamos adicionar Interatividade ao nosso controle deslizante de carrossel! Antes de definir qualquer ação, defina a sequência de fotos do carrossel. Usamos a seguinte sequência para as imagens disponíveis no arquivo zip: IAdea.png > J22.png > minix x5.png > minix x7.png > IAdea > J22 (...) etc.
Com essa sequência definida, precisamos definir uma ação para ambos os botões ao redor de cada foto. É importante que uma ação aconteça apenas para uma foto específica, então precisamos aplicar filtros a cada ação.
Vamos primeiro definir a ação para o próximo botão quando a foto da IAdea for exibida na Campanha. Preencha os campos da seguinte forma:
- Nome : um nome que indica para você o que vai acontecer, aqui "inversão de imagem".
- O quê : Região de toque.
- Qual deles : Região 4, que é o próximo botão.
- Ação : Substituir.
- Destino : Região 2, que é o porta-retratos.
Na linha abaixo, definimos um filtro para que ele mude para a próxima foto da sequência (J22.png) apenas quando a foto específica estiver na tela. Assim, somente quando "IAdea.png" for exibido, o botão "próximo" mudará para "J22.png".
- Ao tocar : IAdea
- Com Mídia : J22
6. Aplique ações a todos os botões a seguir com os filtros corretos. Vai dar um pouco de trabalho, mas vale a pena. Não se esqueça do botão Voltar!
7. Clique em “Salvar alterações” quando terminar e teste a campanha no seu Player!