ホームページ >ウェブフロントエンド >jsチュートリアル >スライドショー画像サンプルコードのjs実装_javascriptスキル
スライドショー画像サンプルコードのjs実装_javascriptスキル
- WBOYオリジナル
- 2016-05-16 17:17:011365ブラウズ
1. 次の要素をページに追加します。配置されている画像ファイル一覧ファイルを表示します。
コードをコピー コードは次のとおりです:
遅延メソッドを使用してトラバーサル メソッドを呼び出すことができます: 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 を変更します対応するイメージコンテナに設定されます。
//このメソッドは必要に応じて変更できます。
}
}
;
* 再生画像の加工方法
**/
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 を変更します対応するイメージコンテナに設定されます。
//このメソッドは必要に応じて変更できます。
}
}
;
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。