Home/ Questions/Q 9175111
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T16:51:41+00:00

I am working on an HTML/CSS/JavaScript application and I have a functionality where a

  • 0

I am working on an HTML/CSS/JavaScript application and I have a functionality where a user clicks several options of images (of different sizes) and when they click “Go!” the application will use JavaScript to overlay the images on top of one another (in an order so that the largest image goes on bottom and so on). I’ve looked around and most of the websites I looked at suggested using CSS position:absolute but I was wondering if there is another way to do this using JavaScript so it is more interactive.

Any suggestions? I am a beginner in JavaScript so sorry for asking a junior question.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use JavaScript to manipulate the position of the images. Assign an id to each image and use JavaScript getElementById to change the positions.

    So something like:

    <div id="image1"><img src="image1.png" /></div>

    And then your JavaScript:

    document.getElementById("image1").style.position = "absolute";
document.getElementById("image1").style.left = "0px";
document.getElementById("image1").style.top = "30px";

    You can do this with multiple images, just assign each image div a unique id.

    • 0