jQuery:将图像随机填充到页面上的另一个图像上

jQuery: populate images in random points over another image on page?

本文关键字：图像 另一个 填充 随机 jQuery      更新时间：2023-09-26

所以我有一个购物车，在我的页面上有一个固定的位置。想象一下接近这个的东西，除了它不在一个角度，它完全垂直。我想做的（使用 jQuery）是随机填充图像在此图像上，唯一的限制是它们位于购物车"篮子"区域内。

我猜有某种方法可以引用购物车篮内的区域，然后在这些点执行某种 jQuery append。

我想我会从使用 position（）

.... 
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

不知道如何附加到该坐标。

在要追加的图像上设置position:absolute，然后将坐标的值分别设置为 left 和 top CSS 属性。

相关文章：