jQuery：在頁面上的另一個圖像隨機點中填充圖像？

Question

所以我有一個購物車，在我的頁面上有一個固定的位置。想象一下something close to this，除非它不是一個角度，而是完全垂直。我想要做的（用jQuery）是隨機地在這個圖像上填充圖像，唯一的限制是它們在購物車「籃子」區域內。

我猜這裏有一些方法可以引用購物車籃子內的區域，然後在這些點上做一些jQuery append。

我想我會用位置（）開始....

var pos = $("#myimage").position(); 
top = pos.top; // top offset position 
left = pos.left; // left offset position 
right = pos.left + $("#myimage").width; 
bottom = pos.top + $("#myimage").height; 

，然後讓做類似下面的x軸和y的位置：

var adjustedHigh = (top - bottom) + 1; 

var y = Math.floor(Math.random()*adjustedHigh) + bottom 

不知道如何追加到該座標。

Answer 1

在您要添加的圖像上設置position:absolute，然後分別將您的座標值設置爲left和top CSS屬性。