안녕하세요, 표준 jquery 이미지 슬라이더/회전식 슬라이드 쇼를 사용하여 이미지를 표시합니다.jquery 슬라이더에서 다른 크기의 이미지 처리
슬라이더에 사용되는 다양한 크기의 이미지가 있습니다. 슬라이더의 크기에 영향을 미치지 않는 너비와 높이를 보장하려면 어떻게해야합니까? 예 : 슬라이더 폭 = 300px 높이 = 200px?
나는이 슬라이더의 동작처럼 원하는 : http://coffeescripter.com/code/ad-gallery/
하지만 반응 디자인
에 대한 가장 큰하지이 하나를 사용하지 않는 메신저 당신은 슬라이더 자리로 큰 수 있도록해야 하나 가장 큰 이미지로 사용하거나 같은 크기를 원할 경우 및 height 속성을 <img> 태그에 설정하여 이미지의 실제 크기를 덮어 씁니다.
너비와 높이의 비율이 일정하지 않은 경우 jQuery/JavaScript의 서버에서 축소 치수를 즉시 계산해야 할 수 있습니다.
첫 번째 옵션은 dimernions이 될 deternmine을 사용할 수 없으므로 작동하지 않습니다. 너비가 세로 인 이미지가 있고 가로가 넓은 이미지가 있으면 너비와 높이를 수동으로 설정하면 이미지가 실제로 엉망이됩니다. – raklos
네, 계산 된 너비/높이가 들어갈 곳입니다. 이미지의 가장 큰면을 찾고 슬라이더 치수와 일치하는 데 필요한 % 증가/감소를 계산 한 다음 다른 이미지의 같은면에 적용 할 수 있습니다 '(폭 또는 높이). 만약 당신이 프리/프리 이미지를 가지고 있고 그것들을 칭찬하고 싶지 않다면, 나는 그것이 얼마나 비열한 짓을하는지보기가 힘들 것이라고 생각합니다. – Widor
이 슬라이더를 보았습니까? 반응 형 디자인을 위해 제작되었습니다. http://flex.madebymufffin.com/ –
네, 이걸 보았습니다. 문제는 컨테이너에 맞게 이미지 크기를 조절하는 것입니다. – raklos