Image resize

Question

Is there a plugin to zoom the image?

Answer 1

Here is a plugin by q2apro:

https://github.com/q2apro/q2apro-lightbox-images/tree/master

Comments

I saw this, tried it, but it didn't work

---

I have created a pull request for this on github:
https://github.com/q2apro/q2apro-lightbox-images/pull/3/commits/1a5fc4ab30a3cac79cab3a31a92e2d7bfb7bb35d
just update this file and see if it works for you.

---

This plugin does not magnify the image but only darkens the background

---

you could add transform: scale(2); to the css.
In this line https://github.com/q2apro/q2apro-lightbox-images/blob/master/script.js#L18 change img#lightbox-img { padding:25px; background:#FFF } to img#lightbox-img { padding:25px; background:#FFF; transform: scale(2); }

---

Thank you for answer,

I tried it, it worked on the classic theme but it didn't work on the theme I used (dude theme), how can I find the source of the problem?

---

First in Dude theme, you can check if such Css elements exist. You can view your site normally with Desktop Google Chrome or Firefox and inspect the image elements.

If such elements exist in Dude theme's CSS files, you need to adjust so those elements in CSS files and JS files don't overlap.

---

I have reviewed the css and js files, but there is no such item, what else can it be?