Comment précharger une page ?

[invite59a3adea]

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 ?
-----

[invite91e50fe1]

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 :

<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 :

<embed src="son.mp3" autostart="false" hidden="true" />

++
loonies

[invite59a3adea]

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 ?

[JPL]

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.

[A voir en vidéo sur Futura]

[invite37693cfc]

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...

++

[invite91e50fe1]

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

<style type="text/css">
img.preChg {display:none;}
</style>

<img src="img1.jpg" alt="" class="preChg" />
...

ou également mettre le tout dans un DIV :

<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

[invite59a3adea]

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.

[invite37693cfc]

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.

++

[invite91e50fe1]

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

[invite9d7099d8]

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é