js implementation of slideshow image sample code_javascript skills

1. Add the following elements to the page. Displays the placed image file list file.

Copy code The code is as follows: image name 2. Method of playing file list. The main thing is to traverse the file list and display the pictures in the corresponding picture containers to display the slide effect.

You can use the delayed method to call the traversal method: window.setInterval("PlayPics()", speed); Copy code The code is as follows: /** * How to process playback images **/ function PlayPics() { var sel = document.getElementById("img_date") ; if(sel.length==0)//If there is no picture, return directly { return; } else { if(sel.selectedIndex> 0)//When the selected subscript is greater than 0, set the previous picture item to be selected. { sel.options[sel.selectedIndex-1].selected=true; } else{//If the subscript of the selected item is 0, set the last picture to be selected. sel.options[sel.length-1].selected=true; } ChangePic(sel.options[sel.selectedIndex].value);//Get the selected picture and change the The url is set to the corresponding image container.

//This method can be modified according to your own needs. } };