スライドショー画像サンプルコードのjs実装_javascriptスキル

1. 次の要素をページに追加します。配置されている画像ファイル一覧ファイルを表示します。

コードをコピー コードは次のとおりです:

<select id="img_date" style ="幅 : 100%; マージン-トップ: 10px; 高さ: 50%;"
<option value="画像 URL">画像名</option> ; /select>

2. ファイルリストの再生方法。主なことは、ファイル リストを移動し、対応する画像コンテナ内の画像を表示してスライド効果を表示することです。

遅延メソッドを使用してトラバーサル メソッドを呼び出すことができます: window.setInterval("PlayPics()", Speed);

コードをコピー コードは次のとおりです:

/**
* 再生画像の加工方法
**/
function PlayPics()
{
var sel = document.getElementById ("img_date") ;
if(sel.length==0)// 画像がない場合は直接戻ります
{
return;
else
{
if(sel.selectedIndex> 0)//選択された添字が 0 より大きい場合、前の画像アイテムが選択されるように設定します。
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//選択した項目の添字が 0 の場合、最後の画像を選択するように設定します。
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//選択された画像を取得し、URL を変更します対応するイメージコンテナに設定されます。

//このメソッドは必要に応じて変更できます。
}
}

;