简单的JavaScript/HTML幻灯片

Question

Javascript的新手,但经过一些研究后,它会像这样实现我想要的输出的最佳方法.我正在尝试制作图像幻灯片(5个预选图像),这些图像会在5秒间隔之间自动更改.任何人都可以在这个过程中指向教程或指导我吗？很感谢任何形式的帮助.

Answer 1

这是一个非常简单的代码,只使用简单的JavaScript和HTML代码创建简单的JavaScript/HTML幻灯片:

<script language="JavaScript"> 
var i = 0; var path = new Array(); 

// LIST OF IMAGES 
path[0] = "image_1.gif"; 
path[1] = "image_2.gif"; 
path[2] = "image_3.gif"; 

function swapImage() 
{ 
document.slide.src = path[i]; 
if(i < path.length - 1) i++; 
else i = 0; 
setTimeout("swapImage()",3000); 
} 
window.onload=swapImage; 
</script> 
<img height="200" name="slide" src="image_1.gif" width="400" />

Answer 2

一个非常好的jQuery幻灯片类型插件是这个http://www.devtrix.net/sliderman/ 它在幻灯片之间有许多不同的过渡,并且非常容易使用.

有很多,所以快速谷歌搜索"jQuery幻灯片"将产生数百个结果.