-1

私はウェブサイトをやっています。そのウェブサイトのヘッダーに、ランダムな画像を表示する「スライドショー」が必要です。これは、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関数の1つが必要になるので、投稿することを強くお勧めします

したがって、ajaxを使用すると、フォルダーに関する必要なすべてのデータを取得できます。

フェード効果については、このようなものを使用する必要があります

ランダム性については、あなたがそれを理解できると確信しています。画像の完全なリストを取得してそれらを配列に入れ、javascriptランダム関数を使用してその配列からランダムな画像を取得します。

于 2012-12-15T16:52:17.290 に答える