-1

我正在做一个网站，在该网站的标题中，我想要一个显示 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>
4

1 回答 1

1

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

所以基本上你需要一个 jquery ajax 函数，我强烈推荐post

因此，现在使用 ajax，您可以获得有关该文件夹的所有所需数据。

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

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

于 2012-12-15T16:52:17.290 回答