asp.net课程设计心得(五)

第三行第一列

这个单元里也是一个html的img标签，在这个标签上，我想实现的是，当你单击图片时，此标签的背景自动切换到下一张图片，而且这些图片是顺序显示的。在后台，有一个文件夹，存储要切换的10张背景图片，而且是顺序编号的。用一个函数实现从第一张图片顺序显示到第十张图片，在从第十张图片倒序显示到第一张图片，这样来回切换显示。

关于循环显示背景图片，前不久我写过一个js函数，成功实现。代码如下：

Code:

1. var i=1;  
2. var j=0;    
3. function picLoad(){    
4.    if(j==0){  
5.       if(i<9){  
6.          window.document.pic.src=i+".jpg";
7.          i++;  
8.          if(i==9) j=1;
9.       }  
10.    }  
11.   if(j==1){    
12.      if(i>-1){  
13.           i--;  
14.           window.document.pic.src=i+".jpg";   
15.           if(i==0) j=0;  
16.      }  
17.   }  
18.   
19. /*else {   
20.      window.document.pic.src="0.jpg"; 
21.   }
22. */  
23.   
24.    //setInterval("picLoad",1000);  
    
25.    setTimeout("picLoad()",1000);  
26. }