JAVASCRIPT   23

cameras loop

Guest on 16th June 2022 01:31:54 AM

  1. var images_array;
  2.  
  3. var position;
  4. var size;
  5.        
  6. var img_elt;
  7.  
  8. var paused;
  9.  
  10. function init() {
  11.        
  12.          
  13.        
  14.         images_array = new Array();
  15.         /* read xml file */
  16.         var xmlDoc = loadXMLDoc("cameras.xml");
  17.         cameraList = xmlDoc.getElementsByTagName("image_url");
  18.        
  19.         for(var j = 0; j < cameraList.length; j ++) {
  20.                 images_array.push(cameraList[j].textContent);
  21.         }
  22.        
  23.        
  24.         position = 0;
  25.         paused = false;
  26.         size = images_array.length;
  27.                
  28.         img_elt = document.getElementById("camera_img");
  29.        
  30.         image_update();
  31.          
  32. }
  33.  
  34. function toggle_pause(e)
  35. {
  36.         var evtobj=window.event? event : e;//distinguish between IE's explicit event object (window.event) and Firefox's implicit.
  37.         var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode;
  38.         var actualkey=String.fromCharCode(unicode);
  39.         //alert("key:" + actualkey + ".");
  40.         if( actualkey == " ")
  41.         {
  42.                 //alert("paused");
  43.                 if(paused)
  44.                 {
  45.                         paused = false;
  46.                         image_update();
  47.                 }
  48.                 else paused = true;
  49.         }
  50. }
  51.  
  52.  
  53.  
  54.  
  55.  
  56. function image_update()
  57. {
  58.         width = getWidth();
  59.         height = getHeight();
  60.        
  61.  
  62.         if(!paused)
  63.         {
  64.                
  65.                 next_image = images_array[(position % size)];
  66.                 img_elt.src = next_image;
  67.         img_elt.removeAttribute("width");
  68.         img_elt.removeAttribute("height");
  69.  
  70.                 if(width/3.5 < height/2.5)
  71.                 {
  72.                         img_elt.width = width;
  73.                 }
  74.                 else img_elt.height = height;
  75.                
  76.                 position ++;
  77.                 setTimeout("image_update()",2500);
  78.  
  79.         }
  80.        
  81.  
  82. }
  83.  
  84. function getHeight()
  85. {
  86.           var myHeight = 0;
  87.           //alert(window.outerHeight);
  88.           return window.outerHeight - 200;
  89.         /*  
  90.   if( typeof( window.innerWidth ) == 'number' ) {
  91.     //Non-IE
  92.    
  93.     myHeight = window.innerHeight;
  94.   } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  95.     //IE 6+ in 'standards compliant mode'
  96.    
  97.     myHeight = document.documentElement.clientHeight;
  98.   } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  99.     //IE 4 compatible
  100.    
  101.     myHeight = document.body.clientHeight;
  102.   }
  103. */
  104. }
  105.  
  106. function getWidth()
  107. {
  108.         var winW = 630;
  109.         if (document.body && document.body.offsetWidth) {
  110.          winW = document.body.offsetWidth;
  111.         }
  112.         else if (document.compatMode=='CSS1Compat' &&
  113.                 document.documentElement &&
  114.                 document.documentElement.offsetWidth ) {
  115.          winW = document.documentElement.offsetWidth;
  116.          
  117.         }
  118.         else if (window.innerWidth ) {
  119.          winW = window.innerWidth;
  120.          
  121.         }
  122.        
  123.         return winW;
  124.  
  125. }
  126.  
  127. function loadXMLDoc(url)
  128. {
  129.         if (window.XMLHttpRequest)
  130.           {
  131.           xhttp=new XMLHttpRequest();
  132.           }
  133.         else
  134.           {
  135.           xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  136.           }
  137.         xhttp.open("GET",url,false);
  138.         xhttp.send();
  139.         return xhttp.responseXML;
  140. }

Raw Paste


Login or Register to edit or fork this paste. It's free.