Search code examples
jqueryelevatezoom

How to put a condition in jQuery Elevate Zoom Object Options?


I am using this object for my elevate zoom:

$("#zoom_09").elevateZoom({
   zoomType: "inner",
});

I want to change it for mobile screens like this:

$("#zoom_09").elevateZoom({  
  zoomType: if($(window).width < 767){ "inner" }else { "window" }
});

Solution

  • Hi this will definitely work.

      if($(window).width() < 767){ 
      $("#zoom_09").elevateZoom({
        zoomType : "inner" 
    
      }); 
      }
      else{
       $("#zoom_09").elevateZoom({
        zoomType : "window" 
    
    });