images_colliding.js

const image = $('img#my-image');
const images = $$('img');
const imagesColliding = imagesCollidingWithImage(image, images);


function imagesCollidingWithImage(image, images) {
  const rectangle = image.getBoundingClientRect();
  images.filter(function(otherImage){
    if (image == otherImage) return false; // Ignore self.
    const otherRectangle = image.getBoundingClientRect();
    return areRectanglesColliding(rectangle, otherRectangle);
  });
}


function areRectanglesColliding(rectangle, otherRectangle) {
  return rectangle.x < otherRectangle.x + otherRectangle.width
    && rectangle.x + rectangle.width > otherRectangle.x
    && rectangle.y < otherRectangle.y + otherRectangle.height
    && rectangle.height + rectangle.y > otherRectangle.y);
}