홈>
이미지를 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
관련 자료
- javascript - 이미지가 처음에는 완전히로드되지 않고 새로 고침 후에 만로드됩니다
- python - 파이 게임 배경 이미지가 완전히로드되지 않음
- ajax - HTML에 표시하기 위해 자바 스크립트 내의 Image Ranomizer API에로드
- CSS를 사용하여 열 내에서 이미지 선택
- google drive api - 웹 앱의 태그에 사용 된 이미지를 "회사 내의 모든 사람"으로 제한하는 방법은 무엇입니까?
- reactjs - 공간을 채우는 카드 내에서 이미지 만들기
- html - 목록 내 한 이미지의 이미지 크기 변경
- python - flipkart 사이트의 div 태그에있는 이미지 태그에서 이미지 URL을 가져 오는 방법은 무엇입니까?
- html - div 내에서 이미지를 세로 및 가로로 가운데에 배치하는 방법
- Jssor Slider - json 슬라이더 - 슬라이더를 다시 만든 후 이미지 슬라이더 (사진을 끌 수 없음)가 작동하지 않습니다
- amazon web services - 코드 파이프 라인 내에 빌드 된 도커 이미지를 블루/그린 배포를 사용하여 배포 단계로 가져 오는 방법
관련 질문
- javascript : 뒤로 버튼으로 다음 항목을 숨기고 표시하십시오
- html : 스크롤 상단이없는 마스크 페이지 오버플로
- jquery : 부트 스트랩 : 단일 탭 탐색으로 여러 탭 패널 제어
- javascript : 클릭하십시오 모바일 메뉴를 엽니 다
- javascript : 이미지 아코디언 스크롤에 의해 제어됩니다
- jQuery UI 범위 슬라이더 값
- javascript : Swiper JS 슬라이드가 왼쪽을 슬라이딩하지 않습니다.
- javascript : 부트 스트랩 붕괴를 원활하게 만드는 방법
- jquery : Select2 드롭 다운의 색상 변경
- javascript : TextArea AutoGrow 및 CSS Box-SIZIDIZIDIZE로 이상한 행동
클래식의 오래된 해결책은 이미지를 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; }