Efeitos para Contêiner que é postado na ADIANTI_DIV

Efeitos para Contêiner que é postado na ADIANTI_DIV_CONTENT

Ico Menezes 21/03/2019 (há 5 anos)

Boa tarde, galera!

Procurei por alguns dias uma solução de como usar efeitos nas páginas que é carregada na adianti_div_content via ajax.

o arquivo css usada já se encontra nas pastas padrão do Adianti
app/templates/theme4/plugins/animate-css/animate.css

Será preciso add o link do arquivo se não estiver no : /app/templates/theme4/layout.html -- ou seu tema preferido!
<link href="app/templates/{template}/plugins/animate-css/animate.css" rel="stylesheet" />

Para que surta o efeito esperado, precisa mudar também o arquivo: app/lib/include/application.js

Adicionando no evento onAfterLoad; logo após __adianti_unblock_ui();

<?php
Adianti.onAfterLoad = function()
{
loading = false;
__adianti_unblock_ui();
var _div = $('#adianti_div_content div:first');
_div.addClass('animated fadeInUp');
};
?>

Adicionado as últimas duas linhas!
São várias os efeitos que podem ser utilizado! Para isto basta consultar o arquivo animate.css

Entre eles, estão :
fadeInUp
fadeInLeft
fadeInLeftBig
Entre outros...

O efeito esperado será o surgimento do efeito na DIV que renderiza as TPage.

Comentários (2)