Mobile / Tablet device rotation

[payalord]

Mobile / Tablet device rotation

[payalord]

Didn't check yet, but orientationchange event is possible to use to run some corrections with xZoom instance i guess.

[payalord]

I'll try to replicate this later on my end here. To see what is possible to do.

[payalord]

I didn't check will this code work or not, but you can try this one:

var instance = $('.xzoom, .xzoom-gallery').xzoom();

var isTouchSupported = 'ontouchstart' in window;

if (isTouchSupported) {
    //Initial orientation value
    var sco1 = 0;

    $(window).bind("resize", function(){
        //90 = landscape, 0 = portrait
        var sco2 = ($(window).width() > $(window).height())? 90 : 0;
        if(sco1 != sco2) {
            sco1 = sco2;

            //Close zoom because orientation just has been changed
            instance.closezoom();
        }
    });
}

[psweeting1]

I tried and tested this code, unfortunately it didn't work. No errors in my console.

[psweeting1]

I was able to fix the problem using some Javascript instead of jQuery. I couldn't seem to get Jquery mobile orientationchange to work at all, it created more problems than fixed.

window.addEventListener("orientationchange", function() {
                console.log('Change'); //Show the change in the console
                instance.closezoom(); //close the crashed zoom container
            }, false);

I added this under my touch condition section.