jQuery onglets Masquer Jusqu'à Loaded

Question

J'utilise jQuery UI onglets pour contrôler la présentation du contenu sur une page de portefeuille Je suis mise en œuvre. La page se compose de nombreuses grandes images et les onglets prennent environ une seconde ou deux pour charger complètement. Je veux savoir si leur est un moyen de cacher / masquer tout le contenu jusqu'à ce que les onglets sont chargés. Je voudrais au mieux d'avoir un graphique de chargement apparaît jusqu'à ce que les onglets sont chargés.

S'il vous plaît conseiller.

Merci, Brad

Answer 1

$ (document) .ready est lorsque le DOM est entièrement chargé par pas le contenu. Ce que vous voulez faire est d'avoir les onglets div configurées pour afficher: aucun dans le css jusqu'à ce que les images ont pleine charge. En javascript oldschool, nous avons l'habitude d'utiliser la fonction .onload (). Vous voulez utiliser et quand il se déclenche, vous l'ensemble de la div de l'onglet pour afficher: bloc (ou utilisez .show jQuery ()). Pour le graphique d'attente, utilisez une fileuse dans un div qui est css display: block. Puis, dans la fonction onload (), procédez .hide jquery ().