web-dev-qa-db-fra.com

Problème de chargement du curseur

J'ai téléchargé un site Web que je développe et qui se trouve ici: http://derbyshiregas.co.uk et comme vous pouvez le constater lorsque la page d'accueil s'affiche pour la première fois. le curseur a un problème d’affichage et affiche toutes les diapositives avant de se charger correctement. Cela ne semble cependant se produire que dans la vue du bureau.

S'il vous plaît, quelqu'un peut-il jeter un coup d'œil et me faire savoir ce que je peux essayer de résoudre?

phpjquerycssjavascriptslideshow
1
Harvey

C'est un comportement standard avec JavaScript qui est différé ou chargé dans le pied de page.

Toutes les diapositives se chargent et ne sont pas invitées à "être des glissières" tant que la page entière n'est pas chargée.

Vous pouvez d'abord les cacher avec CSS:

#section-slider .single-slide-wrap {
    display: none;
}

Et vous pouvez afficher la première diapositive si vous le souhaitez:

#section-slider .single-slide-wrap:first-child {
    display: block;
}

Notez que la même chose se passe avec votre .tab-pane plus bas sur la page, vous pouvez donc également ajouter ceux-ci dans:

#section-services .tab-pane,
#section-slider .single-slide-wrap {
    display: none;
}

#section-services .tab-pane:first-child,
#section-slider .single-slide-wrap:first-child {
    display: block;
}

Puisque le CSS est chargé dans l'en-tête, les styles seront appliqués bien avant que le javascript soit chargé et que le kick-in soit actif.

1
Xhynk