# Implement jquery easyzoom like plugin in CakePhp3

**URL:** <https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942>\
**Category:** Need Help\
**Created:** [September 17, 2018, 1:16pm UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942 "2018-09-17T13:16:08Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![chits](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@chits](https://discourse.cakephp.org/u/chits)\
**Post date:** [September 17, 2018, 1:16pm UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/1 "2018-09-17T13:16:08Z")

</div>

I want to implement jquery easyzoom plugin in my cakephp3 project. I have include the css and js files in webroot/css and webroot/js folders and added the plugin initialization script. But on hovering the smaller image it is not loading the zoomed image, rather keeps showing the notification “Loading high resolution image…” for ever.

How can I implement this plugin or is there any other way to get the same result in my cakephp 3.6 project?

---

<div class="post-metadata">

**Author:** ![Megslalk](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/megslalk/32/712_2.png) [@Megslalk](https://discourse.cakephp.org/u/Megslalk)\
**Post date:** [September 17, 2018, 1:20pm UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/2 "2018-09-17T13:20:18Z")

</div>

Hi!  
Can you please share more information on what you tried/what code you used and any errors you may be getting?

---

<div class="post-metadata">

**Author:** ![FinlayDaG33k](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/finlaydag33k/32/1049_2.png) [@FinlayDaG33k](https://discourse.cakephp.org/u/FinlayDaG33k)\
**Post date:** [September 17, 2018, 2:17pm UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/3 "2018-09-17T14:17:39Z")

</div>

> [@Megslalk](#):
>
> any errors you may be getting?

You can look for these errors in the Javascript console.

---

<div class="post-metadata">

**Author:** ![chits](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@chits](https://discourse.cakephp.org/u/chits)\
**Post date:** [September 18, 2018, 9:09am UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/4 "2018-09-18T09:09:18Z")

</div>

In my view.ctp file, I added the css

\<?= $this-\>Html-\>css(['easyzoom']) ?\>

Then added the html

 ![]()

Then at the end, I added the script

\<?= $this-\>Html-\>script(['jquery.easyzoom-modified']) ?\>

Note: Just to mention, jquery has been loaded in the main layout ctp file.  
Problem: When I hover and/or move mouse over the image displayed by the ![]() tag, the zoom image is not getting loaded, rather it shows the “Loading high resolution image…” notification.

---

<div class="post-metadata">

**Author:** ![FinlayDaG33k](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/finlaydag33k/32/1049_2.png) [@FinlayDaG33k](https://discourse.cakephp.org/u/FinlayDaG33k)\
**Post date:** [September 18, 2018, 10:55am UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/5 "2018-09-18T10:55:28Z")

</div>

What version of jQuery do you have loaded?

---

<div class="post-metadata">

**Author:** ![chits](https://avatars.discourse-cdn.com/v4/letter/c/278dde/32.png) [@chits](https://discourse.cakephp.org/u/chits)\
**Post date:** [September 24, 2018, 1:45pm UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/6 "2018-09-24T13:45:23Z")

</div>

using jquery-3.3.1.min.js

---

<div class="post-metadata">

**Author:** ![FinlayDaG33k](https://yyz1.discourse-cdn.com/flex029/user_avatar/discourse.cakephp.org/finlaydag33k/32/1049_2.png) [@FinlayDaG33k](https://discourse.cakephp.org/u/FinlayDaG33k)\
**Post date:** [September 27, 2018, 9:11am UTC](https://discourse.cakephp.org/t/implement-jquery-easyzoom-like-plugin-in-cakephp3/4942/7 "2018-09-27T09:11:02Z")

</div>

Odd…  
Any errors in the Javascript console?