홈>
이미지를 div에 완전히 맞추기 위해 Jquery를 통해 CSS/설정을 변경하는 데 어려움이 있습니다. 사진을 div에 완벽하게 맞추려면 어떻게해야합니까?
https://jsfiddle.net/teonxyku/1/
다음을 시도했습니다 :
#slider1_container img {
max-width:100%;
max-height:100%;
}
그러나 슬라이더가 더 깨졌습니다.
jsfiddle을 붙여 넣을 것이므로 전체 코드를 더 잘 이해할 수 있습니다. 미리보기입니다.
http://fiddle.jshell.net/teonxyku/1/show/ 빛/
- 답변 # 1
관련 질문
- jquery - 스티커 사이드 바를 화면 안에 유지하는 방법?
- html - 크기 조정시 btn에 추가 한 후 DOM 새로 고침
- jquery - SB 관리자의 잘못된 형식 고정 레이아웃
- jquery - CSS의 호버와 JavaScript의 가시성이 호환되지 않습니까?
- jquery - 선택 옵션으로 슬라이드 버튼 재설정
- jquery - 요소에 동적 클래스 추가
- jquery - 각도가 외부 js 파일을로드하지 않아 오류 - enoent : 해당 파일 또는 디렉토리가 없습니다
- html - 모든로드 페이지에서 드롭 다운 필터로 jquery의 기본 결과를 어떻게 설정할 수 있습니까?
- javascript - 정규식으로 가치 교체
- jQuery를 사용하여 CSS 속성 값 변경
클래식의 오래된 해결책은 이미지를 div의 배경으로 만드는 것입니다
<프리 클래스 = "조각 코드 - CSS 랭 CSS를 prettyprint 오버라이드 (override)">
#slider1_container { width: 200px; height: 160px; background: url('https://images.unsplash.com/photo-1518791841217-8f162f1e1131?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80'); background-size: cover; background-repeat: no-repeat; }