Barre de chargement

  • Créateur du sujet Membre supprimé 2
  • Date de début
M

Membre supprimé 2

Invité
Salut,
Voila, mon site possède une première pageun peu longue à charger, et j'aurais voulu, mettre une barre de chargement, puis une fois que la page et les images seraient chargées, les afficher.
Ou pourrais-je trouver mon bonheur ? Est-ce que quelqu'un saurait comment faire ?

Merci d'avance pour votre aide !
 
J'ai pas la solution à ton problème, mais je trouve ton site très bien. Surtout la partie : interface Windows contre Mac OS X :)



------------------
@+ Number One

++++Mac OS Forever++++
home.urbanet.ch/urba11835/


 
Félicitation également pour ton site : est-ce que tu pourrais expliquer comment tu as fait pour créer les menus de son interface?

Mathieu
 
Tout d'abord merci pour vos félicitations et pour l'adresse du site (je vais aller y faire un tour) !

Pour créer les menus déroulants, j'ai pris un script DHTML, que j'ai trouvé sur internet, qui permet de faire apparaître et disparaître un tableau en cliquant sur un bouton. J'ai alors remplacé le bouton par la barre de menu de Mac OS, et au lieu d'afficher un tableau en dessous, je fais apparaître un menu déroulant, avec des Rollovers, pour mettre en surbrillance l'option choisie.

C'est un peu compliqué à expliquer !

Voila tout de même le script tel que je l'ai trouvé sur internet:

* A placer dans le "head":

<SCRIPT LANGUAGE="JavaScript">
var visibleVar="null";
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
visibleVar="show";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";
}
}
function showHideLayerSwitch(layerName){
if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar')){
hideLayer(layerName);
}else{
showLayer(layerName);
}
}
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
</SCRIPT>
<STYLE TYPE="text/css">
#pulldownButton {position: absolute; z-index: 1; left: 50px; top: 10px;}
#pulldownMenu {position: absolute; z-index: 2; visibility: hidden; left: 50px; top: 26px;}
</STYLE>

* A placer entre les balises <body> et </body>:


<div id="pulldownButton" >
<a href="javascript:showHideLayerSwitch('pulldownMenu');">
<IMG SRC="barmenu.gif" WIDTH=100 HEIGHT=16 BORDER=0>
</a>
</div>

<div id="pulldownMenu">
<table width="100" border="0">
<tr>
<td>Item 1</td>
</tr>
<tr>
<td>Item 2</td>
</tr>
<tr>
<td>Item 3</td>
</tr>
<tr>
<td>Item 4</td>
</tr>
<tr>
<td>Item 5</td>
</tr>
</table>
</div>

* Dans la balise body:

<body onLoad="init()">

Si cela intéresse quelqu'un, je peux lui envoyer, la page correspondante de mon site, afin d'en étudier le programme.