Resize Zoom Box

Hi Pupilo,

You’re absolutely right, the height is set by JavaScript matching the height of the image to the left. You can only change this by modifying the javascript in this function:

function changeMediumImageSize(medium) {
    var main = medium.parent();
    main.css({width: medium[0].width, height: medium[0].height});
    var loader = main.find('.szg-medium-loader').first();
    hideLoader(loader);
    var zoombox = main.parent().find('.szg-zoom-box').first();
    zoombox.css({left: medium[0].width+10, height: medium[0].height})
  }

There you can see that the main is changed and the zoombox is changed.

If you don’t want the height to be adapted try this:

function changeMediumImageSize(medium) {
    var main = medium.parent();
    main.css({width: medium[0].width});
    var loader = main.find('.szg-medium-loader').first();
    hideLoader(loader);
    var zoombox = main.parent().find('.szg-zoom-box').first();
    zoombox.css({left: medium[0].width+10})
  }

Or if you don’t want the width to be changed either:

function changeMediumImageSize(medium) {
    var main = medium.parent();
    var loader = main.find('.szg-medium-loader').first();
    hideLoader(loader);
    var zoombox = main.parent().find('.szg-zoom-box').first();
    zoombox.css({left: medium[0].width+10})
  }

If you change this in the szg-script.js it gets overwritten when the plugin updates.

Hope this helps!

Niels

closing this thread.