- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：画像をフォルダから自動読み込み。）
画像をフォルダから自動読み込みする方法
このQ&Aのポイント
- 画像をフォルダから自動で読み込み、ランダムに背景に表示させる方法を紹介します。
- スクリプトを使用して、指定したフォルダ内の画像をランダムに選んで背景に表示させることができます。
- フォルダ内の画像を自動的に読み込むことで、手動で画像ファイルのパスを指定する手間を省くことができます。
- smwithdm
- お礼率34% (17/49)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ランダム要素の画像パスは、全て「"haikei/bg（連番）.jpg"」ですか？ haikei2/bg（連番）.jpgとか、haikei/bg（連番）_a.jpgなどの画像名が含まれないのなら、 以下の方法でどうでしょうか。 function randombg(){ var imgnum=Math.floor(Math.random()*画像の枚数); document.body.style.backgroundImage="url('haikei/bg"+imgnum+".jpg')"; }
お礼
なんか調べて適当にやっていたらできました！ function reFresh() { location.reload(true); } window.setInterval("reFresh()",1000); currentdate=new Date(); // var imgnum=Math.floor(currentdate.getSeconds()/((60/999)+1)); var imgnum=Math.floor(Math.random()*999)+1; // var imgnum="11"; imgnum=""+imgnum; if (imgnum.length=="1"){ document.writeln("imgnum = "+imgnum); document.writeln("<hr />ONE DIGIT<hr />"); document.writeln("imgnum.length = "+imgnum.length); document.writeln("<hr />"); document.writeln("00"+imgnum); } if (imgnum.length=="2"){ document.writeln("imgnum = "+imgnum); document.writeln("<hr />TWO DIGIT<hr />"); document.writeln("imgnum.length = "+imgnum.length); document.writeln("<hr />"); document.writeln("0"+imgnum); } if (imgnum.length=="3"){ document.writeln("imgnum = "+imgnum); document.writeln("<hr />THREE DIGIT<hr />"); document.writeln("imgnum.length = "+imgnum.length); document.writeln("<hr />"); document.writeln(""+imgnum); } </script>
補足
なるほど、難しく考えていました。 ランダム要素の画像パスは全て「"haikei/bg（連番）.jpg"」です。 しかし、連番は bg001.jpg, bg002.jpg ～bg010.jpg ～bg100.jpg となっています。bg1.jpg, bg2.jpg, ～bg10.jpg, ～bg100.jpgとなってもいいのですが管理の為に001,010,100となっています。 このような場合はどのようにすればよろしいのでしょうか？