2012-10-02 2 views
0

jQuery 이미지 슬라이더를 찾고 있습니다. 인기있는 Nivo 슬라이더의 문제점은 이미지를 슬라이더의 너비에 맞게 늘리는 것입니다. 나는 그것을하지 않는 슬라이더를 찾고 있습니다. 또한 최대 너비와 최대 너비가있어이 이미지를 표시하고 싶습니다. 나는 aspect ratio를 보존하기 위해 height \ width를 하드 코딩하지 않을 것이다. 예를 들어이미지를 늘리지 않는 jQuery 이미지 슬라이드

:

의 내가 1000x500입니다 사업부 1500 X 1000 픽셀 인 이미지 내 슬라이더 있다고 가정 해 봅시다. 최대 높이가 1000이고 최대 너비가 500 인 경우 이미지는 750x500 픽셀 이미지로 표시됩니다. 슬라이더를 내 이미지를 늘리는 것과는 대조적으로 div에서 작은 이미지를 중심으로이 기능을 사용하고 싶습니다.

누구나 이런 플러그인을 알고 계십니까? 주변 사람의 주위로 상향 회선.

+0

이미지의 크기가 같고 콘테이너의 현재 슬라이더 및 텍스트 정렬 센터 내부의 이미지에 최대 너비를 설정하면됩니다. 이미지의 크기가 다른 경우 정확한 너비를 얻으려면 몇 가지 js 작업이 필요합니다. 최대 너비로 적용하십시오 – Huangism

답변

4

nivo-slider 3으로 작업하면서, iphone에서이 문제를 둘러싸고있는 div에 고정 된 높이와 너비를 넣어서 해결했습니다. & overflow : hidden;

+0

팁 주셔서 감사합니다. 나는 추가 슬라이더를 사용하여 끝났다. – user974896