带有淡入淡出的随机幻灯片

Question

我正在做一个网站，在该网站的标题中，我想要一个显示随机图像的"幻灯片" - 我已经有了javascript。

我想让图像淡入/淡入，而不仅仅是更改它们。

除此之外，我真的很想知道是否有任何方法可以让脚本从目录本身加载图片，而不是每次上传图片时都必须手动更新脚本。

这甚至可以用javascript，php，css或jquery来完成吗？还有其他选择吗？div 用淡入淡出随机更改背景？什么？

这是我现在使用的代码..它改变图片没有问题。

<script language="javascript">
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="1.jpg"
randomimages[1]="5.jpg"
randomimages[2]="2.jpg"
randomimages[3]="4.jpg"
randomimages[4]="3.jpg"
randomimages[5]="6.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
</script>

Answer 1

是的，所有这些都可以用javascript（几乎）完成，javascript本身无法扫描文件夹内容，因为您需要某种服务器语言，很可能您会使用PHP扫描文件夹内容并将它们返回给客户端。

所以基本上你需要jquery ajax函数之一，我强烈推荐帖子

所以现在有了ajax，你可以获取关于文件夹的所有需要的数据。

现在关于淡入淡出效果，你需要使用这样或这样的东西

至于随机性，我很确定你可以弄清楚，只需获取将它们放入数组中的完整图像列表，并使用 javascript 随机函数从该数组中获取随机图像。