Précharger un site web

Je suis à la recherche pour le chargement d'un site web. Je veux seulement une barre de chargement une fois sur le site. Lors de son chargement, je veux que chaque page de pré-charge. Comment puis-je faire?

http://frankadvertisingus.com/fa_website/home.html

  • Êtes-vous sûr de vouloir faire cela? De nombreuses études ont montré que les utilisateurs de s'ennuyer et de laisser des sites très très vite – l'optimisation de la charge première est la peine de le faire, et cela va à l'encontre de cela. Je comprends que vous avez besoin d'images pour les transitions etc, mais peut-être de les charger dans le fond une fois que le strict minimum pour afficher le site est disponible.
  • Je voudrais qu'il se charge tout à l'avant.
  • Vous pouvez essayer ce chillipear.com/plugins/preloader
InformationsquelleAutor BDGapps | 2011-05-14
  1. 8

    Un Clic Droit pour le code Source peut être utile

    Ici est la source où vous pouvez trouver de l'jQuery pour elle.
    http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

    • C'est ce que j'ai utilisé, mais je veux qu'il se charge de l'ensemble du site et pas seulement une page de l'ai-je besoin d'importer d'autres fichiers car j'ai essayé et cela ne fonctionne pas??? <script src="profile/about/about.html"></script> <script src="profile/people/people.html"></script> <script src="profile/awards/awards.html"></script> <script src="portfolio/overview/overview.html"></script>
    InformationsquelleAutor Andrei Sfat
  2. 0

    vous pouvez remplacer ou de cacher le corps pendant qu'il est en cours de chargement et de montrer que le chargement de la page et quand c'est fait, le contenu est affiché

    il y avait un vieux poste ici sur ce sujet:
    Comment puis-je créer une "Veuillez Patienter, Chargement en cours..." animation à l'aide de jQuery?

    devrait être que ce que vous voulez

    un fichier html pour le script ? pense que sa vient de travailler avec .js

    eh bien, vous devez l'ajouter sur chaque page à l'aide de 

    <script type="text/javascript" src="preload.js"></script>
    • Mais je n'en ai que pour charger une fois...
    • eh bien normalement, le navigateur met en cache d'un site web ainsi, après la première visite, il est chargé plus rapidement que lors de la première fisit de sorte que l'utilisateur devrait voir le preloafd animation juste une fois aditionally le froid de créer un cookie qui sera créé lors de la première visite et donc lorsque l'utilisateur visite votre site web à la prochaine fois, le script ne marche pas à la charge quand il est le témoin, mais vous pensez mal, parce qu'il n'y woul être généralement qu'une fois que le preloader en raison de la mise en cache du navigateur, j'espère que vous comprenez
    • Comment puis-je créer un cookie?
    • eh bien, d'abord, je voudrais vérifier si l'utilisateur voit le preloader, juste une fois, normalement, la création d'un cookie avec php n'est pas si dur
    • il ne marche pas <head> <script language="php"> <?php $Mois = 2592000 + time(); //ceci ajoute 30 jours à l'heure actuelle la fonction setcookie(AboutVisit, date("F jS - g:i a"), $Mois); ?> </script> </head>
    • <script language="php"> est totalement faux, quelque chose comme ce n'existent pas son <?php et doit être sur la première ligne avant le code html pour créer un cookie de sorte que ses dans la première ligne: <?php setcookie (); ?> ... line2: <html> line3: <head> ... votre question sur comment précharger un site web doivent être déjà marqué comme fait par vous. Le comment, comment vous le faire mieux ou quelle solution est la meilleure car c'est une autre question, et je voudrais le tester (1ère visite, les caches du navigateur web, pas plus de précontrainte de l'animation), de sorte que vous avez normalement pas à le faire avec un cookie, ça marche très bien (normalement)

    InformationsquelleAutor Daniel Ruf
  3. 0

    En-tête

    <script type="text/javascript">
 function hideLoadingLayer(){
 document.getElementById("loading_layer").style.visibility="hidden";
 }
 </script>

    Corps

    <body onload="hideLoadingLayer();">

    Div

    <div id="loading_layer"><img src="images/loading.gif" alt="" width="550" height="400" border="0" /></div>

    CSS

    #loading_layer{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:999999;
background-color: #FFF;
text-align: center;
margin: 0 auto;
}

    Inséré à partir de JavaScript (site internet) de la page Web de préchargement

    • vous devez toujours fournir le contenu de liens externes, sinon votre réponse est sans valeur lorsque le lien est rompu. J'ai fait cela pour vous.
    InformationsquelleAutor STEEL
  4. 0

    MODIFIER

    Ok, cette question est ancienne, et le lien est mort, et certains utilisateurs offrent une belle correction sur la façon de rendre utilisable réponse, j'ai décidé de modifier ma réponse expliquant le processus à l'origine de préchargement au lieu de fournir simplement un lien.

    Préchargement page web est tout simplement l'affichage du texte, une image ou autre chose pendant que la page est rendu, pour informer les visiteurs que quelque chose se passe en arrière-plan. Manière la plus simple est d'inclure jQuery qui simplifie l'ensemble du processus. Notre objectif principal est d'afficher, disons texte, alors que la page est en cours de chargement. Donc, notre tâche est de l'affichage de texte en premier, puis lorsque la page est complètement chargée, masquer le texte et afficher le contenu.

     <script src="http://code.jquery.com/jquery-latest.min.js"></script> //include jQuery source

 <script>
    $('.content').hide(); //hide content while rendering
    $(document).ready(function(){ //When page is fully loaded...
      $('.preload').hide(); //hide preloader
      $('.content').show(); //and show content
 });
<div class="preload">Loading...</div>
<div class="content">Some generic content here</div>

    C'est juste un exemple de base, et vous pouvez jouer avec jQuery pour faire quelques belles précharge.

    ORIGINAL

    C'est ma première preloader. C'est très simple. Alors que la page est en cours de chargement, il montre preloader, puis masquer preloader et afficher la page.
    Précharge du site web à l'aide de jquery (simple)

    • cela semble bon.
    • Vous pouvez insérer la précharge de l'image pour être plus intéressant pour les utilisateurs. Il suffit de remplacer le Chargement du texte avec l'image et c'est tout.
    InformationsquelleAutor Aleksandar