私はページ上にクラス.random
の画像をランダムに配置するこの簡単なスクリプトを使用しています。これを1つのクラスを使用してページ上の複数の画像に適用して、ページ上に画像が散らばるようにする方法を試してみましょう - 今は複数の画像に適用すると同じランダムな配置を使用します。ランダムポジション複数の画像
$(document).ready(function() {
var bodyWidth = document.body.clientWidth
var bodyHeight = document.body.clientHeight;
var randPosX = Math.floor((Math.random()*bodyWidth));
var randPosY = Math.floor((Math.random()*bodyHeight));
$('.random').css('left', randPosX);
$('.random').css('top', randPosY);
});
あなたは、セレクタを使用している場合、 '$( 'ランダム')'それは、このようなクラスを持つすべてのイメージに適用されます(つまり、あなたのすべての画像) - おそらくあなたはリストをループし、個々にそれぞれのポジションを適用したいと思うかもしれません – ochi