Partage
  • Partager sur Facebook
  • Partager sur Twitter

[JavaScript] Pré-chargement

... des images.

Sujet résolu
Coreuh
    14 septembre 2006 à 9:16:24

    Bonjour...

    Je suis en train de faire un système pour Afficher/Masquer du text, et j'y suis arrivé, ça change même d'image pour qu'il y ai un petit + lorsque le text est caché et que l'on veut l'afficher et un petit - lorsque le text n'est pas cacher et que l'on veut le cacher mais il s'avère que c'est petit plus et c'est petit moins sont des images (pas très lourdes je vous l'accord ;) ) Mais quand je clique la première fois sur le petit moins pour cacher le text, le petit + ne s'affiche pas de suite :o (Il doit surement télécharger l'image !). et je voulais savoir s'il était possible donc de pré-charger l'image au lancement de la page?
    Voici mon code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
    <!-- en-tête du document -->
      <title>Script JavaScript !</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <style type="text/css">
            div.cache {
                  margin-left: 0px;
                    width: 500px;
                    padding: 10px;
                    border: 1px #666666 dashed;
            }
            div.up {
                    background-color:#666666;
                    color:#FFFFFF;
                    width:510px;
                    padding:5px;
                    border:#666666 1px solid;
            }
      </style>
    </head>
    <body>

    <script type="text/javascript" src="script.js"></script>

    <br /><br />
    <div class="up">
    <table>
            <tr style="width:100%;">
                    <td style="width:260px; text-align:left">
                            Posté par CoxTheKing le 13/09/2006
                    </td>
                    <td style="width:260px; text-align:right">
                          <a href="javascript:masquer()" id="lien"><img src="moins.png" border="0" alt="Masquer" title="Masquer" /></a>
                   </td>
            </tr>
    </table>
    </div>
    <div id="cache" class="cache">
    Salut, bienvenue à vous !<br /><br />
    Je viens de mettre au point un système qui va nous permettre d'afficher/masquer du text ! (entièrement réalisé par mes soins !)<br />
    Comme ici par exemple il vous suffit de cliquer sur la petite croix Et Hop là vous ne voyez plus ce text-ci !<br /><br />

    Version 1.1 :<br /><br /> - Changement de signe lorsque l'on clique dessus !<br />
                              - Bouton devenu des images !

    <br /><br />


    </div>
    <br />

    </body>
    </html>


    // JavaScript Document

    <!--

    function masquer() {
    document.getElementById('cache').style.display = 'none';
    document.getElementById('lien').href = 'javascript:afficher()';
    document.getElementById('lien').innerHTML = '<img src="plus.png" border="0" alt="Afficher" title="Afficher" />';
    }

    function afficher() {
    document.getElementById('cache').style.display = 'block';
    document.getElementById('lien').href = 'javascript:masquer()';
    document.getElementById('lien').innerHTML = '<img src="moins.png" border="0" alt="Masquer" title="Masquer" />';
    }

    -->


    Je suis un gros 0 en JavaScript donc si vous pouviez me donner le nom de la commande (j'aivais pensé à faire quelque chose dans ce style là : )

    <body onLoad="prechargement()">


    Mais je ne connais pas le code que je dois mettre dans la fonction préchargement !
    Alors si quelqu'un pouvait m'aider !

    Cordialement,
    CoxTheKing.

    EDIT : j'ai trouvé, voici la fonction :

    function preload() {
            var temp = new load("moins.png","plus.png")
    }


    Et comme indiqué si dessus il suffit ensuite de faire :

    <body onLoad="preload()">



    • Partager sur Facebook
    • Partager sur Twitter

    [JavaScript] Pré-chargement

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur ●
    • Markdown