我想在浏览器读取网页时识别不同的分辨率载入不同的图片,请问应

来源:互联网 发布:php实例化一个类 编辑:程序博客网 时间:2024/05/17 01:05

我的网页中的图片是这样命名的:不同分辨率的同一图片,800*600分辨率的命名为a_800.jpg,1024*768分辨率的命名为a_1024.jpg;其他b_800.jpg,b_1024.jpg......如此类推,试问怎样通过变量传递在浏览器读取网页时识别不同的分辨率载入不同的图片,比较快地实现这个功能,希望有详细的范例代码,100分一定给。
问题点数:100、回复次数:10
1楼  jiangsheng   (蒋晟.Net[MVP])  回复于 2001-10-09 18:09:11  得分 0

windows.screen  
   
  screen   Object  
   
  --------------------------------------------------------------------------------  
   
  Contains   information   about   the   client's   screen   and   rendering   capabilities.    
   
  Remarks  
   
  This   object   is   available   in   script   as   of   Microsoft®   Internet   Explorer   4.0.  
   
  Members  
   
  AllAttributesPropertiesMethodsEventsCollectionsBehaviorsFilters       Description    
  availHeight     Retrieves   the   height   of   the   working   area   of   the   system's   screen,   excluding   the   Microsoft®   Windows®   taskbar.    
  availWidth     Retrieves   the   width   of   the   working   area   of   the   system's   screen,   excluding   the   Microsoft®   Windows®   taskbar.    
  bufferDepth     Sets   or   retrieves   the   number   of   bits   per   pixel   used   for   colors   in   the   off-screen   bitmap   buffer.    
  colorDepth     Retrieves   the   number   of   bits   per   pixel   used   for   colors   on   the   destination   device   or   buffer.    
  fontSmoothingEnabled     Retrieves   whether   the   user   has   enabled   font   smoothing   in   the   Display   control   panel.    
  height     Retrieves   the   vertical   resolution   of   the   screen.    
  updateInterval     Sets   or   retrieves   the   update   interval   for   the   screen.    
  width     Retrieves   the   horizontal   resolution   of   the   screen.    
   
  *   denotes   an   extension   to   the   W3C   DOM.  
  Standards   Information  
  The   object   is   defined   in   HTML   .  
   
  Applies   To  
  window   object  
 
2楼  Jneu   (沧海桑田)  回复于 2001-10-09 18:10:35  得分 0

UP
3楼  forgot2000   (忘记2000年)  回复于 2001-10-09 19:45:43  得分 0

我知道识别分辨率的代码,分别取出screen.width和screen.height即可,但我问的不是这个问题呀,我指的是我得到screen.width=800时,载入a_800.jpg图片,screen.width=1024时,载入a_1024.jpg图片,我问的是这个问题,楼上的仁兄请看准我的问题。
4楼  forgot2000   (忘记2000年)  回复于 2001-10-09 20:09:20  得分 0

关注。
5楼  forgot2000   (忘记2000年)  回复于 2001-10-09 21:07:16  得分 0

关注。
6楼  karma   (无为MS MVP)  回复于 2001-10-09 21:18:39  得分 100

<script   language="javascript">  
  function   init()  
  {  
      var   suffix   =   window.screen.width;  
      var   imgs   =   document.all.images;  
      for   (var   i=0;   i   <   imgs.length;   i++)  
      {  
            if   (imgs[i].id   !=   ""   &&   imgs[i].src   ==   "")  
            {  
                    imgs[i].src   =   imgs[i].id   +   "_"+   suffix   +   ".jpg";  
            }  
      }  
  }  
  </script>  
   
  <body   onload="init()">  
  <img   id="a"   src="">  
  <img   id="b"   src="">  
  </body>  
 
7楼  forgot2000   (忘记2000年)  回复于 2001-10-10 08:55:07  得分 0

楼上的代码不行。关注。
8楼  karma   (无为MS MVP)  回复于 2001-10-10 09:00:16  得分 0

var   imgs   =   document.all.images;  
  ===>  
  var   imgs   =   document.images;
9楼  karma   (无为MS MVP)  回复于 2001-10-10 09:05:05  得分 0

<script   language="javascript">  
  function   init()  
  {  
      var   suffix   =   window.screen.width;  
      var   imgs   =   document.images;  
      for   (var   i=0;   i   <   imgs.length;   i++)  
      {  
          if   (imgs[i].id   !=   "")  
          {  
                  imgs[i].src   =   imgs[i].id   +   "_"+   suffix   +   ".jpg";  
          }  
      }  
  }  
  </script>  
   
  <body   onload="init()">  
  <img   id="a"   src="">  
  <img   id="b"   src="">  
  </body>  
 
10楼  forgot2000   (忘记2000年)  回复于 2001-10-10 11:28:40  得分 0

呵呵,无为,其实我知道你的代码是正确的,只是有一点小问题,我说你的代码不行时是想让你自己发现,document.all没有images属性,你已经发现,你最后改的代码只是判别imgs[i].id我认为不好,可以把原来的  
  if   (imgs[i].id   !=   ""   &&   imgs[i].src   ==   "")保留下来,把<img   id="a"   src="">中的src=""去掉即可,
原创粉丝点击