※ ChatGPTを利用し、要約された質問です（原文：任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？）
任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？
このQ&Aのポイント
jQueryを使用して、任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置する方法について教えてください。
現在のコードでは、予め配置した画像の表示順番をランダムに変えるだけであり、ランダムに数枚の画像を呼び出すことはできません。実現するための方法があれば教えてください。
imagesフォルダに入っている50枚の画像からランダムに10枚の画像を呼び出し、それらをランダムに配置するにはどうすればいいのでしょうか？
任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？
任意のフォルダ内の画像をランダムに呼び出し、ランダムに配置するには？
よろしくお願い致します。
jQueryを使用して、複数の画像をランダムに配置する（読み込むごとに）というページを作成しております。
この場合、予め配置した画像の表示順番をランダムに変えるだけなので、任意のフォルダに数十枚の画像を入れておき、そこからランダムに数枚の画像を呼び出し、かつランダムに表示順番を変えることはできないものでしょうか。
例：images というフォルダに50枚の画像を入れておき、その中から10枚の画像をランダムに呼び出し、かつランダムに配置する。
いろいろ調べてみたのですが、知識が足りず理解出来なかったため質問させて頂きました。
お詳しい方がいらっしゃいましたら、どうかご教授頂けると幸いです。
■現在のコードです。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function shuffle(list) {
var i = list.length;
while (i) {
var j = Math.floor(Math.random()*i);
var t = list[--i];
list[i] = list[j];
list[j] = t;
}
return list;
}
$(function() {
$('#sbox').append(shuffle($('.hogehoge', '#box')));
});
</script>
</head>
<body>
<div id="box">
<div class="hogehoge"><img src="1.jpg"></div>
<div class="hogehoge"><img src="2.jpg"></div>
<div class="hogehoge"><img src="3.jpg"></div>
<div class="hogehoge"><img src="4.jpg"></div>
<div class="hogehoge"><img src="5.jpg"></div>
</div>
</body>
</html>
お礼
早速ご回答頂きありがとうございます。 改めて自分の質問分を読んでみたのですが、うまく実現したいことを伝えられるような文章ではなかったので、一度締め切らせて頂き、再度質問させて頂きたいと思います。 折角お答え頂いたのに、大変申し訳ありません。 本当にありがとうございました。