Topic: addClass('animated xxxxxx')
Hi, i want to display a image for 2 seconds with bounceInRight then use 'animated bounceOutLeft' as transition. After them i will display my normal content.
My problem is the image shows for a split second before bounceInRight does it's work (presumabley because i have to define the graphic in div). How can i solve this issue?*
Resources (screenshots, code snippets etc.)
<body onload="logo();">
<div id="main_content_image" class="animated bounceinright">
<img src="image/HeloFilm-GmbH-Kopf.png" class="img-fluid" alt="HeloFilm GmbH" />
</div>
function logo() {
$('#main_content_image').addClass('animated bounceInRight');
setTimeout(function () {
$('#main_content_image').addClass('animated bounceOutLeft');
setTimeout(function () {
$('#main_content').load('Auftrag_list.php?show=Offene&mode=id');
}, 100);
}, 2000);
}
Greeting Uwe
Hi,
please create a snippet showing the problem here: https://mdbootstrap.com/snippets/. It is the best place to show me the problem in your code because I can quickly see this in the MDB environment.
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: Web-Browser
- Browser: FF IE Edge Chrome
- OS: Windows
- Provided sample code: No
- Provided link: No