Pour toutes les discussions javascript, jQuery et autres frameworks
-
Polou
- Messages : 4
- Enregistré le : 13 févr. 2023, 11:51
Message
par Polou » 13 févr. 2023, 11:56
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>
-
webmaster
- Administrateur du site
- Messages : 616
- Enregistré le : 28 févr. 2017, 15:19
Message
par webmaster » 13 févr. 2023, 19:43
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>