# Image Hover Effect - Zoom In

**URL:** <https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168>\
**Category:** Ask the community\
**Tags:** wix-studio\
**Created:** [January 8, 2025, 5:37pm UTC](https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168 "2025-01-08T17:37:18Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user2817](https://avatars.discourse-cdn.com/v4/letter/u/8e8cbc/32.png) [@user2817](https://forum.wixstudio.com/u/user2817)\
**Post date:** [January 8, 2025, 5:37pm UTC](https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168/1 "2025-01-08T17:37:18Z")

</div>

Hello.  
Does anyone know how to make the Hover Effect “Zoom In” on a photo? If I create a Pro Gallery I can get this effect. But it doesn’t work in an image. Clicking on Animations and Effects - Hover (no “Zoom In” option)

I’m using Wix Studio editor.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Mark\_Hunte](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/mark_hunte/32/100172_2.png) [@Mark\_Hunte](https://forum.wixstudio.com/u/Mark_Hunte)\
**Post date:** [January 8, 2025, 9:16pm UTC](https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168/2 "2025-01-08T21:16:35Z")

</div>

Use code

[https://dev.wix.com/docs/velo/api-reference/wix-animations-frontend/introduction](https://dev.wix.com/docs/velo/api-reference/wix-animations-frontend/introduction)

```javascript
import { timeline } from "wix-animations-frontend";

$w.onReady(() => {
  const zoomTimeline = timeline()
    .add($w("#image1"), {
      duration: 1000,
       scale: 1.8,
      easing: "easeOutBack",
    })
    

  $w("#image1").onMouseIn(() => {
    zoomTimeline.play();
  });

  $w("#image1").onMouseOut(() => {
    zoomTimeline.reverse();
  });
});

```

---

<div class="post-metadata">

**Author:** ![user2817](https://avatars.discourse-cdn.com/v4/letter/u/8e8cbc/32.png) [@user2817](https://forum.wixstudio.com/u/user2817)\
**Post date:** [January 13, 2025, 10:46am UTC](https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168/3 "2025-01-13T10:46:19Z")

</div>

@Mark_Hunte Thanks for the help, but I wanted the image to remain the same size. just zoom in when hovering the mouse but keeping the image size.

---

<div class="post-metadata">

**Author:** ![Mark\_Hunte](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/mark_hunte/32/100172_2.png) [@Mark\_Hunte](https://forum.wixstudio.com/u/Mark_Hunte)\
**Post date:** [January 13, 2025, 10:22pm UTC](https://forum.wixstudio.com/t/image-hover-effect-zoom-in/67168/4 "2025-01-13T22:22:57Z")

</div>

Just realised what you mean,

If you are in Wix Studio. iyou can place the image inside a Container and then set the containers overflow to hidden.

I do not think you can do this in Wix Editor. ( Really annoying the Editor does not have this basic stuff)