search

igorlino / elevatezoom-plus

Enhanced elevateZoom - A jQuery image zoom plugin
http://igorlino.github.io/elevatezoom-plus/
MIT License
162 stars 77 forks source link

Transparent png images with zoomtype inner issue #132

Closed muhlisatac closed 2 years ago

muhlisatac commented 2 years ago

Hi! When we use transparent png image gallery with zoomtype:inner option then the normal image still can be seen under the zoomed image. As a work arround i tried to add a background-color to "div class=zoomWindow" but zoomed image already added as background-image to "div class=zoomWindow" so it didnt worked. I tried to add background-color to "div class=ZoomContainer" then it blocked the normal image totaly because display:none changes occur on "div class=zoomWindow" and its the inner div of "div class=ZoomContainer". Is there anyway to solve it?

muhlisatac commented 2 years ago

I solved my issue by changing some of the places.

  1. In showHideWindow i changed zoomWindow with zoomContainer.
  2. Added display: 'none' and backgroundColor: 'white' to zoomContainer's css. (backgroundColor can be made optional).
  3. Removed display: 'none' from zoomWindow 's css.