jQuery Fondu dans le Site/Contenu une Fois qu'Il est Chargé?
Existe-il des tutoriels ou des plugins pour la décoloration d'un site en vue de son bien chargé, afin de limiter les chocs, etc, de sorte que le contenu s'affiche en douceur en fait?
Je suppose qu'il serait plus facile si c'était juste un domaine spécifique, comme un en-tête ou le pied de page sera déjà mis en cache, à partir de la page précédente...
Par exemple un portefeuille de page avec diverses miniatures, elles n'apparaissent en douceur lorsque vous êtes prêt.
Cela peut-il être fait?
Merci pour toute aide 🙂
OriginalL'auteur Jezthomp | 2011-11-10
Vous devez vous connecter pour publier un commentaire.
Oui, enveloppez votre contenu avec une div (par exemple
<div id="main-content">
) et dans ton css mettre ceci:Ensuite utiliser ce script.
OriginalL'auteur Yes Barry
Tout d'abord, un point de côté: En général, concepteurs de sites web passent beaucoup de temps à essayer d'améliorer perçu temps de chargement de page, l'obtention de ce qui est montré le plus rapidement possible. Cela va activement dans l'autre sens, la présentation d'une page blanche jusqu'à ce que tout est prêt, qui peut ne pas être idéal.
Mais si c'est approprié pour votre situation:
Puisque tout ce qui est visible sera un descendant de
body
, vous pouvez chargerbody
cachée et puis en fondu. Il serait important de prévoir une solution de repli pour les utilisateurs sans JavaScript (généralement moins de 2% au moins selon Yahoo, mais quand même). Donc, le long des lignes de:(Live Copie)
Un couple de variations sur la partie du script de que, selon le moment où vous souhaitez que le fade-in:
Attendre", "prêt" de l'événement:
Vivre Copie
Attendre le
window#load
événement:Vivre Copie
window#load
feux très de retard dans le chargement de la page, après toutes les ressources externes (y compris toutes les images) ont chargé. Mais vous avez dit que vous vouliez attendre jusqu'à ce que tout a été chargé, de façon à ce que pourrait être ce que vous voulez faire. Il va certainement faire de votre page semble plus lent...Vrai. Mais je voudrais encore mettre body { display: none; } dans le fichier CSS que j'essaye d'éviter les styles intégrés comme cela autant que possible.
Ouais. Il est généralement <=2% des visiteurs (au moins, c'est Yahoo), mais quand même...
Nit, rencontrer sélecteur. 🙂 C'est un exemple, f'cryin' out loud. Bien qu'en réalité, ce qui rend le retour plus facile...
le fadein fois la fenêtre.onload est une belle pensée, autrement, il ne serait pas ont regardé propre, je suppose.
OriginalL'auteur T.J. Crowder
Une autre façon d'y parvenir est par l'intermédiaire de l'Animer.projet css. Son pur CSS, donc il est inutile de compter sur JS:
https://daneden.me/animate/
Juste ajouter le "animés" et "fadeIn" classe à votre parent de l'élément et tous les enfants ont fondu.
OriginalL'auteur direct
où le conteneur est l'id de la div contenant l'ensemble de votre contenu.
OriginalL'auteur sushil bharwani
OriginalL'auteur Stefan Endres