MakkuZ: laaaaaaaaaaaaaaangsam

Hallo zusammen!
Ich habe auf meine HP zuerst nur Rollover-Buttons gemacht, das ging noch einigermaßen. Aber seit ich noch Sound dazu gemacht hat laaagt das wie die Hölle! Ich habe mal irgendwo gelesen das man Rollover-Buttons beschleunigen kann indem man die 2. Grafik irgendwie im vorraus läd. Kann mir jemand sagen wie das geht oder vielleicht kennt ja auch jemand noch andere Möglichkeiten es zu beschleunigen!?

Ich bedank mich jetzt schonmal!

  1. Hallo.

    Das Problem der Ladezeit beseitigst Du nicht gerade indem Du den Ladevorgang anders ablaufen lässt. Das Problem ist die Datenmenge. Und egal wann die geladen wird, sie wird nicht kleiner.

    Wie Rollovers mit vorlanden umgesetzt werden steht eigentlich ganz nett in den Beispielen zu JavaScript in selfHTML

    Grüße aus Würzburg
    Julian

  2. Ich habe es so gelöst
    <html>
    <head>
    <title></title>
    <meta name="author" content="Sprave&Luerken">
    <meta name="generator" content="Ulli Meybohms HTML EDITOR">
     <script language="JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v3.0
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>
       <body bgcolor="#E9E9E9" onLoad="MM_preloadImages('../buttons/aufnahme.gif','../buttons/adresse.gif','../buttons/anfahrt.gif','../buttons/info.gif','../buttons/impressum.gif','../buttons/home.gif')">

    <table  width="100" border="0" align="left">
      <tr>
      <tr height="40" width="100"><img src="../buttons/gross_kontakt.gif" width="150" height="50" border="0" alt="Hallo Achim"></tr>
        <tr> </tr>
         <tr> </tr>

    <tr>
          <div align="left"><a href="k_kontaktaufnahme.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','../buttons/aufnahme-down.gif',1)" target="kontaktfenster"><img name="Image24" border="0" src="../buttons/aufnahme.gif" width="150" height="30"></a></div>
        </tr>
        <tr>
          <div align="left"><a href="adresse.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','../buttons/adresse-down.gif',1)" target="kontaktfenster"><img name="Image10" border="0" src="../buttons/adresse.gif" width="150" height="30"></a></div>
        </tr>
        <tr>
          <div align="left"><a href="anfahrt.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','../buttons/anfahrt-down.gif',1)" target="kontaktfenster"><img name="Image12" border="0" src="../buttons/anfahrt.gif" width="150" height="30"></a></div>
        </tr>
        <tr>
          <div align="left"><a href="infomaterial.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image14','','../buttons/info-down.gif',1)" target="kontaktfenster"><img name="Image14" border="0" src="../buttons/info.gif" width="150" height="30"></a></div>
        </tr>
        <tr>
          <div align="left"><a href="impressum.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image99','','../buttons/impressum-down.gif',1)" target="kontaktfenster"><img name="Image99" border="0" src="../buttons/impressum.gif" width="150" height="30"></a></div>
        </tr>
          <tr> </tr>
            <tr> </tr>
             <tr>
           <div align="left"><a href="main.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image98','','../buttons/home-down.gif',1)" target="main"><img name="Image98" border="0" src="../buttons/home.gif" width="150" height="50"></a></div>
              </tr>
      </tr>

    </table>
    </body>
    </html>

    1. Hallo,

      <meta name="generator" content="Ulli Meybohms HTML EDITOR">

      content="Dreamweaver" waere IMHO ehrlicher ...

      MfG, Thomas

      1. Hi,

        content="Dreamweaver" waere IMHO ehrlicher ...

        Full ACK, und statt "Ich habe es so gelöst" sollte es eindeutig "Dreamweaver hat das für mich so ausgespuckt" heißen.

        Grüße,

        Utz

    2. ..Wahnsinn, welch Tonnen von unbrauchbaren Code diese WYSIWYG Editoren produzieren.

      $xNeTworKx.