我正在做一个网站,在该网站的标题中,我想要一个显示RANDOM图像的“幻灯片” - 我已经使用了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>