Home/ Questions/Q 8472381
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T17:03:22+00:00

I have a static background Image available on my Page. There is a toolbar

  • 0

I have a static background Image available on my Page. There is a toolbar from where i can drag and drop images on the static Background Image discussed above. Now i need the ability to zoom the background image but at the same time the images which were drag and dropped on the top of this background image should also zoom and accordingly move their positions to look like as if it is just a single image on which i am working. I need to get this work only for IE browser. I have tried the -ms-zoom but the images which were drag and dropped doesn’t seem to change their position at all since they are absolute positioned. The Browser built in Zoom seem to work perfect but our client needs a custom link on the page to zoom in and zoom out since we need only a particular section of the page to zoom and not the complete page.

Is there any way i can accomplish this requirement?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    A simple zoom should work as you described. Try this:

    <script>
a=100;
</script>
</head>
<body>
<div id="div" style="position:absolute;z-index:-1;top:50px;left:0px;width:400px;
    height:400px;background:url(some_image.jpg)"
>
    <img src="another_image.png" style="position:absolute; top:50px;left:50px;" />
</div>
<button onclick="a+=50;document.getElementById('div').style.zoom=a+'%';">
Zoom
</button>
    • 0