JavaScript three-dimensional picture browser with flash-like effect_image special effects

PS: Display renderings, you can adjust the style of the picture according to your own needs

Code

Copy code The code is as follows:

< ;!--The mask layer of the first image on the right-->

<script> <BR>//Image list array<BR>var imgArray = new Array(); <BR>imgArray[0]="1.jpg"; <BR>imgArray[1]="2.jpg"; <BR>imgArray[2]="3.jpg"; <BR> imgArray[3]="4.jpg"; <BR>imgArray[4]="5.jpg"; <BR>imgArray[5]="6.jpg"; <BR>imgArray[6]="7. jpg"; <BR>imgArray[7]="8.jpg"; <BR>imgArray[8]="9.jpg"; <BR>imgArray[9]="10.jpg"; <BR>// The picture sequence number displayed by default <BR>var base = 0; <BR>//Show the previous or next pictures in the array sequence by specifying the offset. The offset parameter is the offset <BR>function showImg(offset ){ <BR>base=(base-offset)%imgArray.length; <BR>//Display 5 pictures starting from the base number<BR>for(var i=base;i<base 5;i ){ <BR>var img = document.getElementById("img0" (i-base 1)); <BR>//Determine whether the image is displayed in a loop from front to back<BR>if(i<0){img.src = imgArray[imgArray .length i];} <BR>//Determine whether the picture is displayed in a loop from back to front<BR>else if(i>(imgArray.length-1)){img.src=imgArray[i-imgArray.length]; } <BR>else {img.src=imgArray[i];} <BR>} <BR>} <BR>//Initialize the image in the image browser <BR>function initImg(){ <BR>showImg(3 ); <BR>} <BR>//Call after the page is loaded <BR>window.onload=initImg(); <BR></script>

function initimg(){
showImg(3);
}
window.onload=initimg();