JavaScript DHTML/Ajax Layer/Image Load

Материал из Web эксперт
Перейти к: навигация, поиск

Control image load process

   <source lang="html4strict">

http://dynapi.sourceforge.net/ GNU LESSER GENERAL PUBLIC LICENSE Version 2.1, February 1999 <html> <head> <title>DynAPI - Image Loader</title> <script language="JavaScript" src="./dynapisrc/dynapi.js"></script> <script language="Javascript"> 

 dynapi.library.setPath("./dynapisrc/");
 dynapi.library.include("dynapi.api");
 dynapi.library.include("dynapi.library");
 dynapi.library.include("dynapi.functions.Image");

</script> <script language="Javascript"> 

 var myLyr;
 myLyr=dynapi.document.addChild(new DynLayer(null,100,100,300,25,"silver"));
 myLyr.addChild(new DynLayer(null,0,0,0,25,"blue"),"lyrBar");
 dynapi.document.addChild(new DynLayer("Image Progress:",100,70));
 dynapi.functions.getImage("./dynapiexamples/images/arrowdown.gif",9,5)
 dynapi.functions.getImage("./dynapiexamples/images/arrowleft.gif",5,9)
 dynapi.functions.getImage("./dynapiexamples/images/arrowright.gif",5,9)
 dynapi.functions.getImage("./dynapiexamples/images/arrowup.gif",9,5)
 dynapi.functions.getImage("./dynapiexamples/images/btn_delete.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_first.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_last.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_new.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_next.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_prev.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_save.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/btn_undo.gif",25,22)
 dynapi.functions.getImage("./dynapiexamples/images/calc.gif",32,32)
 dynapi.functions.getImage("./dynapiexamples/images/downsrc.gif",95,15)
 dynapi.functions.getImage("./dynapiexamples/images/eicon1.gif",32,32)
 dynapi.functions.getImage("./dynapiexamples/images/eicon2.gif",32,32)
 dynapi.functions.getImage("./dynapiexamples/images/eicon3.gif",32,32)
 dynapi.functions.getImage("./dynapiexamples/images/left.gif",20,22)
 dynapi.functions.getImage("./dynapiexamples/images/oversrc.gif",95,15)
 dynapi.functions.getImage("./dynapiexamples/images/pixel.gif",1,1)
 dynapi.functions.getImage("./dynapiexamples/images/src.gif",95,15)
 dynapi.functions.captureImageProgress(fn)
 dynapi.functions.setImageTTL(15000)
 function fn(c,f,t){
   var p=parseInt(((c+f)==0)? 0:((c+f)/t)*100);
   myLyr.lyrBar.setWidth(p*3)
   myLyr.lyrBar.setHTML(" "+p+"%")
   if((c+f)==t) {
     var a=dynapi.functions.getFailedImages();
     for(var i=0;i<a.length;i++){
       a[i].reload();
     }
   }
 }

</script> </head> <body> </body> </html> 

      </source>

<A href="http://www.wbex.ru/Code/JavaScriptDownload/dynapi.zip">dynapi.zip( 791 k)</a>

Источник — «http://wbex.ru/index.php?title=JavaScript_DHTML/Ajax_Layer/Image_Load&oldid=1669»