Comment précharger une page ?
Répondre à la discussion
Affichage des résultats 1 à 10 sur 10

Comment précharger une page ?



  1. #1
    masc

    Comment précharger une page ?


    ------

    Bonjour

    Je suis en train de creer un site perso avec une page d'acceuil assez lourde à télécharger
    Pour faire patienter les visiteurs je voudrais commencer à précharger ma page d'acceuil (images + fichier mp3) pendant qu'ils consultent une page d'intro.

    Est-ce possible ?

    -----

  2. #2
    invite91e50fe1

    Re : Comment précharger une page ?

    Salut,

    Bien, tu peux déja essayer d'alléger tes images en choisissant le format le plus adapté et/ou en réduisant la qualité (pour le JPEG en particulier), tu peux aussi alléger ton fichier MP3 en le compressant plus (donc un nombre de Kbits/sec plus faible)

    Pour ce qui est du MP3 dans une document HTML, je ne suis pas sûr que ce soit forcement judicieux mais là n'est pas la question

    Et enfin pour ce qui est de la question elle même (précharger les images et le fichier MP3) : tu peux effectivement précharger tes images (bien qu'en général le temps de chargement ne soit pas insurmontable). Utilises un code comme celui-ci :

    Code:
    <style type="text/css">
    img.preChg {
      visibility:hidden;
      position:absolute;
      top:0px;
      left:0px;
    }
    </style>
    
    <img src="img1.jpg" alt="" class="preChg" />
    <img src="img2.jpg" alt="" class="preChg" />
    <img src="img3.jpg" alt="" class="preChg" />
    en gros, les images sont bel et bien dans la page mais elles sont invisibles à l'oeil du visiteur... attention au navigateur ne prenant pas en charge le CSS (lynx, etc... qui dans ce cas risque également dene pas pouvoir lire un fichier MP3 :P)

    le fichier MP3 doit également être chargeable d'une manière similaire en mettant un attribut autostart="false" et un hidden="true" ou un autre artifice du même goût...

    sans en être certain je me risque à avancer un petit :

    Code:
    <embed src="son.mp3" autostart="false" hidden="true" />
    ++
    loonies

  3. #3
    masc

    Re : Comment précharger une page ?

    Merci de ton aide rapide, loonies.

    Je vais essayer tes codes dès que j'ai le temps.
    Je pensais qu'il existait un moyen simple de pré charger une page entière sans énumérer une par une les photos et sons, apparemment ce n'est pas possible....

    Encore une question : A part publier mon site et l'essayer en "grandeur nature", existe-il un moyen de vérifier si le contenu de la page se pré charge bien ?

  4. #4
    JPL
    Responsable des forums

    Re : Comment précharger une page ?

    Je pense que tu peux le faire sur ton disque local en utilisant Internet Explorer : tu vides le cache, tu lances la page qui doit assurer le préchargement et tu regardes dans le cache si les fichiers correspondant sont apparus.
    Rien ne sert de penser, il faut réfléchir avant - Pierre Dac

  5. A voir en vidéo sur Futura
  6. #5
    invite37693cfc

    Re : Comment précharger une page ?

    BONJOUR

    toute facon si le mp3 fait 3 Mo, il faudra télécharger 3 Mo , préchargement au pas. Ce qui peut être énorme pour les 56ko...

    ++

  7. #6
    invite91e50fe1

    Re : Comment précharger une page ?

    en me baladant j'ai pu trouver ça : http://www.alsacreations.com/articles/preload/

    l'utilisation de display:none; me parraît plus legere et cohérente pour ne pas afficherles images à précharger

    Code:
    <style type="text/css">
    img.preChg {display:none;}
    </style>
    
    <img src="img1.jpg" alt="" class="preChg" />
    ...
    ou également mettre le tout dans un DIV :

    Code:
    <div style="display:none;">
      <img src="img1.jpg" alt="" />
      <img src="img2.jpg" alt="" />
      ...
    </div>
    pour ce qui est du MP3 il est vrai qu'ils sont généralement peu apprécié sur des pages web... d'une part pour leur poids au chargement (à la fois du client et du serveur), pour l'utilsation des ressources du la machine cliente et qui n'est jamais tombé sur une page avec du son en plein milieu dela nuit a reveillé tout son entourage lolol ^^

    au pire si tu veux vraiment mais vraiment mettre une musique d'ambiance, propose un bouton "play" et compresse la au maximum et si possible fait une musique courte qui puisse tourner en boucle

    ++
    loonies

  8. #7
    masc

    Re : Comment précharger une page ?

    Impeccable ! tous tes codes marchent, Loonies.

    Pour ce qui est du mp3, c'est en fait un .wav de quelques secondes que j'ai déja dégradé au maxi (88Ko).

    Petit à petit, le HTML devient plus clair (je débute et j'apprends en bidouillant).

    J'ai encore 2 questions bêtes :
    1/Quand on affiche une page sur le net, dans quel ordre se chargent les éléments ? Dans l'ordre d'écriture sur la page, je présume ?

    2/Je sais faire des roll-over sonores sur un texte, mais je n'ai trouvé aucun script pour faire des roll-over sonores sur une image (un son se joue quand la souris passe sur l'image). Est-ce possible ?

    Merci pour les infos. Malgré mes longues recherches sur le net, j'ai du mal à trouver des réponses à mes questions.

  9. #8
    invite37693cfc

    Re : Comment précharger une page ?

    lut

    ta page se charge dela premiere ligne de code à la dernière, sachant que les supports média débutent souvent en dernier si tu ne les fdorcent pas dès le début.

    ++

  10. #9
    invite91e50fe1

    Re : Comment précharger une page ?

    2/Je sais faire des roll-over sonores sur un texte, mais je n'ai trouvé aucun script pour faire des roll-over sonores sur une image (un son se joue quand la souris passe sur l'image). Est-ce possible ?
    dis moi comment tu fais des rollover sur du texte et je te dirais comment le faire sur des images ^^

    à mon avis suffit de remplacer ton texte par <img src="image.jpg" alt="" />

    ++
    loonies

  11. #10
    invite9d7099d8

    Cool Re : Comment précharger une page ?

    Bienvenue pour ton premier message. La charte du forum précise

    n'écrivez pas vos messages en style SMS ou phonétique
    Donc "c" s'écrit "c'est" et "ke jvous" s'écrit "que je vous"
    JPL, modérateur


    Salut tt le monde

    Merci pour tes codes loonies... ca marche =plutôt bien et c pas trop lourd comme code..

    Pour un son au passage de la souris sur une images c pas trop dure...

    Il suffit d'insérer le code suivant entre les balises <head> et </head>

    <head>
    </STYLE>
    <SCRIPT LANGUAGE="Javascript">
    layerRef="document.all";
    styleRef=".style";

    function PlayMusique()
    {
    eval("document.musique.play(); ");
    }
    function VerifPlugIn(ExtensionFile)
    {
    var IsEnabled = true;
    if (navigator.appName == "Netscape")
    {
    IsEnabled = false;
    for(var x=0;(x<navigator.mimeTypes.len gth && !IsEnabled);x++)
    {
    if(navigator.mimeTypes[x].suffixes.indexOf(ExtensionFil e)>=0)
    IsEnabled = navigator.mimeTypes[x].enabledPlugin;
    }
    }
    return IsEnabled;
    }

    function PlaySound(MyName,MyExtension,M yLoop)
    {
    var AudioEnable = VerifPlugIn(MyExtension),TheLo op = '';
    if (navigator.appName == "Netscape" && MyLoop==1) TheLoop='True';
    if (AudioEnable) eval('document.'+MyName+'.play ('+TheLoop+')');
    }

    function StopSound(MyName,MyExtension)
    {
    var AudioEnable = VerifPlugIn(MyExtension);
    if (AudioEnable) eval('document.'+MyName+'.stop ()');
    }
    </SCRIPT>
    </head>


    Puis entre les balises <body> et </body>

    Il faut déclarer ton son avec <embed> :

    <EMBED NAME="Son" SRC="music.wav" MASTERSOUND HIDDEN="true" LOOP="true" AUTOSTART="false" width=1 height=1 volume=400>

    Et ensuite au niveau de ton image tu fais un lien avec le code suivant :

    <A HREF="toto.html" onmouseover="PlaySound('Son',' wav',1);" onmouseout="StopSound('Son','w av');">

    Voili - voilou...

    J'éspère ke jvous aurait un peu aidé

    Dernière modification par JPL ; 07/07/2004 à 17h42.

Discussions similaires

  1. Supprimer une en-tête ou pied de page sur la 1ère page d'un document word
    Par invite9abafe75 dans le forum Logiciel - Software - Open Source
    Réponses: 8
    Dernier message: 18/12/2008, 20h27
  2. comment insérer une page dans une autre ?
    Par invite240ac937 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 9
    Dernier message: 29/05/2007, 12h13
  3. Pourquoi précharger avant la lecture dans une RAM?
    Par lignux dans le forum Électronique
    Réponses: 17
    Dernier message: 14/01/2007, 20h29
  4. Insérer une page php avec variables (ex : page.php?nom=jean) grâce au javascript
    Par invite991c0955 dans le forum Logiciel - Software - Open Source
    Réponses: 4
    Dernier message: 21/05/2005, 17h37
  5. incorporer une video avi dans une page web ?
    Par invite635440af dans le forum Internet - Réseau - Sécurité générale
    Réponses: 4
    Dernier message: 10/11/2003, 08h49
Dans la rubrique Tech de Futura, découvrez nos comparatifs produits sur l'informatique et les technologies : imprimantes laser couleur, casques audio, chaises gamer...