Prolonger la durée de l'image d'un slider

Bonjour,

Je me décide enfin à poster sur ce forum

J’ai un slider lors de l’ouverture de ma page, mais j’ai une rapide animation qui s’affiche avant. Ce qui fait que la première image du slider n’apparaît que très peu longtemps, et son texte est donc illisible.

Y-a-t’il moyen de prolonger l’apparition de la première image par script ?

Domaine où je suis nul.

Je peux mettre le slider en ligne, ou vous envoyer le fichier js… si vous en avez le courage (il est très long, et je ne sais pas quelle partie du code est concernée)

Merci beaucoup.

P.

Hello,

Tu peux simplement attendre la fin de ton chargement pour créer le slider, non ?

En passant, les animations de chargement sont souvent une mauvaise idée sur le Web : ça rend le contenu inaccessible pour pas grand chose, ce qui peut parfois être très long suivant les conditions de chacun.

Salut viki53

Tu peux simplement attendre la fin de ton chargement pour créer le slider, non ?

Tu veux dire l’animation ?

Oui. Tu peux soit attendre l’événement de fin en JS, soit utiliser un setTimeout pour attendre une durée pré-déterminée avant de lancer le slider.

Un logo descend, puis remonte avec le slider dessous. Difficile de l’attendre

C’est bien difficile à gérer

Merci viki53

Tu connais la durée de l’animation, non ?

2/3 secondes ?

Qu’est-ce qui détermine la fin de cette animation ? Elle se fait bien selon une durée prévue ou lors d’un événement qui dit que tout est chargé, non ?

Tout est en js, la montée du slider suit la remonté du logo :/

Il existe des librairies comme Splide pour simplifier le travail sinon.

Salut Big-Blob,

Il faut que je mette le slider en ligne pour que ce sois plus compréhensible

Ce sera chose faîte ce week-end

Encore merci

Si la montée du logo est faite en JS c’est que tu as le contrôle sur ça.

Donc tu peux créer/lancer le slider à ce moment-là plutôt que dès que le JS est chargé.

Je n’ai le contrôle sur rien

C’est un code piqué sur le net. Je l’ai juste réglé à la bonne vitesse

Salut viki53,

Le réel problème est que l’animation met du temps à apparaître. Le body reste LONGTEMPS affiché. Ce qui fait que la première image du slider reste peu de temps visible.

Si on peu faire apparaître l’animation (logo qui descend) de suite, dès l’affichage de la page, cela règlera mon problème.

J’ai touché un peu à tout pour voir, mais aucun effet.

Cela vient-il de ce code ?

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

Merci pour votre aide et bon week-end

P.