다른 크기의 이미지가있는 Jquery 슬라이더

Question

1. 높이가 다른 이미지가있는 슬라이더를 만들어야합니다.
2. 이미지 사이에 간격이 필요하지 않습니다. 이미지가 작 으면 적절한 패딩 또는 여백으로 표시되어야합니다.
3. 이미지 슬라이더를 감싸면 안됩니다.

Answer 1

작은 이미지를 들어, 다음과 같이 뭔가를 시도 할 수 있습니다 :

var imageWidth = $('#image').outerWidth(); 
var margin = (120 - imageWidth)/2; //120 is your slider's width here 

$('#image').css({ 
    marginLeft: margin, 
    marginRight: margin 
}); 

을 큰 이미지 : 스케일 이미지를 동적으로 만 폭을 적용하여 JS를 사용하여. 슬라이더 크기가 120px이고 이미지 너비를 120, 높이가 적용되지 않는다고 가정 해 보겠습니다. 그러면 이미지가 가로 세로 비율을 자동으로 조정할 수 있습니다.