Page 1 sur 1

accélérer une animation JS

Posté : 13 févr. 2023, 11:56
par Polou
Bonjour,
J'ai une animation à l'ouverture de mon site : un logo qui descend puis monte. Mais cela ralentis énormément le slider qui suit. Comment accélérer au maximum cette animation ?
Merci énormément.
P.

Code : Tout sélectionner

<!-- /logo descend -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('fast');
	$(".logo").animate({
		marginTop:'0px',
		opacity:1
	},200,'swing');
});
</script>

<!-- /logo remonte -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('slow');
	$(".logo").delay(200).animate({
		marginTop:'-2400px',
		opacity:1
	},800,'swing');
});
</script>

Re: accélérer une animation JS

Posté : 13 févr. 2023, 19:43
par webmaster
Bonjour

Le délai est en paramètre de animate()

J'essaierai d'accelerer avec :

<!-- /logo descend -->

Code : Tout sélectionner

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('fast');
	$(".logo").animate({
		marginTop:'0px',
		opacity:1
	},50,'swing');
});
</script>

<!-- /logo remonte -->

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('slow');
	$(".logo").delay(50).animate({
		marginTop:'-2400px',
		opacity:1
	},100,'swing');
});
</script>