2

ギャラリーがあり、ページの読み込みごとに.containerにランダムに配置されます。

私の問題は、時々ページをロードするときに画像が重なることです。また、.container内にない画像

JS は非常に単純です。

$(document).ready(function() {
    $('.picture').each(function(i) {
        $pT=$(this).height();
        $pL=$(this).width();
        $(this).css({
            top:Math.floor(Math.random()*$pT)*i*2,
            left:Math.floor(Math.random()*$pL)*i*2
        });
    });
});

http://jsfiddle.net/AHReF/

画像の重複を防ぐための jquery ソリューションを Web で探しましたが、自分の特性に合ったものを見つけることができませんでした。私の問題を見て、あなたの科学を少し共有していただければ、とても感謝しています. ありがとう！

4

1 に答える 1

2

この質問は以前ここで尋ねられました:重複する要素 - HTML、CSS、および jQuery

私はあなたのフィドルであなたのケースのコードを適応させました: http://jsfiddle.net/AHReF/1/

containerW と containerH (ギャラリーの幅と高さ) を定義して、画像が必要な場所から外れないようにします。

各画像の寸法と座標を保存する必要がpositionsあり、ランダムな座標 (左上の値) を取得しようとすると、既存のものと比較して重複しているかどうかを確認します。

于 2013-10-08T00:17:09.410 に答える