preolad image

Collapse
This topic is closed.
X
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • Stephane Vander Clock
    #1

    preolad image

    hello,

    i use this code to preload image :

    <script language="JavaS cript">
    <!--
    function preloadimages() {
    var d=document;
    if(d.images){
    if (!d.preload) { d.preload=new Array(); }
    var i,j=d.preload.l ength,a=preload images.argument s;
    for(i=0; i<a.length; i++) {
    if (a[i].indexOf("#")!= 0){ d.preload[j]=new Image;
    d.preload[j++].src=a[i]; }
    }
    }
    }


    preloadimages(' http://www.carlays.com/filedata/picture/w380h380/CA_P1_1_1769
    643799.jpg','ht tp://www.carlays.com/filedata/picture/w380h380/CA_P1_2_142876
    519.jpg','http://www.carlays.com/filedata/picture/w380h380/CA_P1_3_3969513 26
    ..jpg','http://www.carlays.com/filedata/picture/w380h380/CA_P1_4_6109552 61.jp
    g','http://www.carlays.com/filedata/picture/w380h380/CA_P1_5_1357663 683.jpg'
    ,'http://www.carlays.com/filedata/picture/w380h380/CA_P1_6_1069878 835.jpg','
    http://www.carlays.com/filedata/picture/w380h380/CA_P1_7_1221341 449.jpg','http://www.carlays.com/filedata/picture/w380h380/CA_P1_8_3147817 05.jpg');

    //-->
    </SCRIPT>


    You can see an exemple at http://www.carlays.com/T1


    The only probleme is that this code is call before all image in the web page
    are loaded ! (try http://www.carlays.com/T1 with a low internet connection
    to see an exemple) ...
    that mean i need to wait that all the image in preoladimage function are
    loaded to see the entire content of my webpage :(


    How can i delay the call of the function preloadimage after the moment of
    all the image in the web page are loaded ?

    thank you by advance
    stephane


    Tags: None
    • @SM
      #2
      Re: preolad image

      Stephane Vander Clock a ecrit :[color=blue]
      >
      > i use this code to preload image :[/color]

      try :

      <body onload="postloa dimages();">

      <script language="JavaS cript"><!--

      function postloadimages( ){
      if(document.ima ges)
      {
      // path Of Images
      var p='http://www.carlays.com/filedata/picture/w380h380/';

      MyImages = new Array('CA_P1_1_ 1769643799.jpg' ,'CA_P1_2_14287 6519.jpg',
      'CA_P1_3_396951 326.jpg','CA_P1 _4_610955261.jp g',
      'CA_P1_5_135766 3683.jpg','CA_P 1_6_1069878835. jpg',
      'CA_P1_7_122134 1449.jpg','CA_P 1_8_314781705.j pg');

      a = new Array();
      for(var i=0; i<MyImages.leng th; i++) {
      a[i] = new Image();
      a[i].src = p+MyImages[i];
      }
      verifImages();
      }
      }

      function verifImages() {
      var ok=0;
      for(var i=0;i<a.length; i++)
      if(!(a[i].complete)) ok=1;
      if(ok==1) setTimeout('ver ifImages()',200 );
      }

      //--></SCRIPT>



      --
      ******** (enlever/remove [OTER_MOI] du/from reply url) *******
      Stéphane MORIAUX : mailto:stephane OTER_MOImoriaux @wanadoo.fr
      Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
      http://perso.wanadoo.fr/stephane.moriaux/internet/

      *************** *************** *************** *************** **

        Comment

        • Stephane Vander Clock
          #3
          Re: preolad image

          merci beaucoup

          stephane

          "@SM" <stephanemorOTE Z_MOIiaux@wanad oo.fr> wrote in message
          news:40170385.3 1BE3596@wanadoo .fr...[color=blue]
          > Stephane Vander Clock a ecrit :[color=green]
          > >
          > > i use this code to preload image :[/color]
          >
          > try :
          >
          > <body onload="postloa dimages();">
          >
          > <script language="JavaS cript"><!--
          >
          > function postloadimages( ){
          > if(document.ima ges)
          > {
          > // path Of Images
          > var p='http://www.carlays.com/filedata/picture/w380h380/';
          >
          > MyImages = new Array('CA_P1_1_ 1769643799.jpg' ,'CA_P1_2_14287 6519.jpg',
          > 'CA_P1_3_396951 326.jpg','CA_P1 _4_610955261.jp g',
          > 'CA_P1_5_135766 3683.jpg','CA_P 1_6_1069878835. jpg',
          > 'CA_P1_7_122134 1449.jpg','CA_P 1_8_314781705.j pg');
          >
          > a = new Array();
          > for(var i=0; i<MyImages.leng th; i++) {
          > a[i] = new Image();
          > a[i].src = p+MyImages[i];
          > }
          > verifImages();
          > }
          > }
          >
          > function verifImages() {
          > var ok=0;
          > for(var i=0;i<a.length; i++)
          > if(!(a[i].complete)) ok=1;
          > if(ok==1) setTimeout('ver ifImages()',200 );
          > }
          >
          > //--></SCRIPT>
          >
          >
          >
          > --
          > ******** (enlever/remove [OTER_MOI] du/from reply url) *******
          > Stéphane MORIAUX : mailto:stephane OTER_MOImoriaux @wanadoo.fr
          > Aide aux Pages Perso (images & couleurs, formulaire, CHP, JS)
          > http://perso.wanadoo.fr/stephane.moriaux/internet/
          > *************** *************** *************** *************** **[/color]


            Comment

            Previous template Next
            Working...