images





js/script.js
  • function funHeightWidth() {
  •  for(var i=0, j=0; i<document.images.length; i++, j++) {
  •   if(document.images[i].height == '80' && document.images[j].width == '80') {
  •    document.images[i].height = '100';
  •    document.images[j].width = '100';
  •   }
  •   else {
  •    document.images[i].height = '80';
  •    document.images[j].width = '80';
  •   }
  •  }
  • }
  •  
  • function funMake() {
  •  for(var i=0; i<document.images.length; i++) {
  •   document.getElementById('d1').innerHTML += document.images[i].name + '<br />';
  •  }
  •  setInterval('funHeightWidth()', 1000);
  • }
  • function funHeightWidth() {
  •  for(var i=0, j=0; i<document.images.length; i++, j++) {
  •   if(document.images[i].height == '80' && document.images[j].width == '80') {
  •    document.images[i].height = '100';
  •    document.images[j].width = '100';
  •   }
  •   else {
  •    document.images[i].height = '80';
  •    document.images[j].width = '80';
  •   }
  •  }
  • }
  •  
  • function funMake() {
  •  for(var i=0; i<document.images.length; i++) {
  •   document.getElementById('d1').innerHTML += document.images[i].name + '<br />';
  •  }
  •  setInterval('funHeightWidth()', 1000);
  • }


index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <img src="img/1.png" name="image1" />
  •  &nbsp;&nbsp;&nbsp;
  •  <img src="img/2.png" name="image2" />
  •  &nbsp;&nbsp;&nbsp;
  •  <img src="img/3.png" name="image3" />
  •  <br />
  •  <br />
  •  <div id="d1"></div>
  •  <script>
  •   funMake();
  •  </script>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script src="js/script.js"></script>
  • </head>
  • <body>
  •  <img src="img/1.png" name="image1" />
  •  &nbsp;&nbsp;&nbsp;
  •  <img src="img/2.png" name="image2" />
  •  &nbsp;&nbsp;&nbsp;
  •  <img src="img/3.png" name="image3" />
  •  <br />
  •  <br />
  •  <div id="d1"></div>
  •  <script>
  •   funMake();
  •  </script>
  • </body>
  • </html>