Galleria jQuery 플러그인을 사용하여 image_crop을 이미지의 너비와 높이가 다른 경우 어떻게 다르게 할 수 있습니까?

Question

기본적으로 갤러리의 각 이미지 크기에 따라 이미지 자르기의 변수를 변경하고 싶습니다. 이미지의 높이가 높이 자르기로 전환하려는 너비보다 크면 너비 자르기를 유지하십시오.

if ($(image).width() > $(image).height()){ 
var upordown = "width" 
} else {   
var upordown = "height" 
} 

변수가 여기에와 갤러리아 옵션 목록의 일부입니다 : 어떤 도움을 주시면 감사하겠습니다

image_crop : upordown, 

지금까지 나는이 코드를 가지고있는 갤러리아 플러그인을 사용하고 있습니다.

Answer 1

자르기없이 이미지를 항상 컨테이너 안에 넣을 방법을 찾고 계십니까? image_crop (또는 imageCrop 최신 버전)을 false으로 설정하십시오.

편집 :loadfinish 이벤트를 청취하고 이미지 크기에 따라 옵션을 설정할 수 있습니다. 변경 사항을 적용하려면 refreshImage으로 전화해야합니다.

$('#galleria').galleria({ 
    extend: function() { 
     var gallery = this, 
      landscape; 
     this.bind('loadfinish', function(e) { 
      landscape = e.imageTarget.width >= e.imageTarget.height 
       ? 'width' : 'height'; 
      gallery.setOptions('imageCrop', landscape).refreshImage(); 
     }); 
    } 
}); 

Answer 2

데이비드의 예를 생각하면 나는 이것이 최선의 선택이라고 생각합니다. 정말 부드럽지는 않지만 Lee Tindell이 말한 문제에 도움이됩니다.

this.bind('image', function(e) { 
    var imageW = e.imageTarget.width; 
    var imageH = e.imageTarget.height; 

    if (imageH > imageW) { 
     landscape = 'height'; 
    } else if (imageH < imageW) { 
     landscape = true; 
    } 

    this.setOptions({ imageCrop: landscape }).refreshImage(); 
});