Formato expansível que empurra o conteúdo do site após expansão.
Template:
Resumo
O Template possui todas as mecânicas necessárias para a expansão, retração, clique, custom interaction e outros.
É possível alterar os tamanhos da parte retraída e da parte expandida de acordo com as necessidades de cada anúncio.
Inserindo a animação:
Dentro da pasta raiz em ‘index.html’ temos 3 div’s, sendo duas delas principais: ‘banner’ e ‘userExpand’.
Sem remover qualquer elemento, deve-se inserir os elementos HTML dentro das div’s mencionadas, apenas escondendo os elementos que não forem necessários ou editando-os em ‘style/styles.css’.
Disparando a animação
Dentro de scripts/script.js temos diversas funções sendo a ‘initializeCreative’ e ‘handleExpandButtonClick’ as principais.
Deve-se adicionar a função que iniciará animação dentro de ‘initializeCreative’ e a função que iniciará a animação da parte expandida em ‘handleExpandButtonClick’.
Comando de Click
Dentro de scripts/script.js temos a função handleClickthroughButtonClick responsável por disparar nosso comando de click.
Links