홈>
이미지를 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 : 빈 입력 검색 상자에서 유효성을 검사하는 방법
- javascript : 다른 레code를 확인한 경우 클래스를 제거하는 방법은 무엇입니까?
- javascript : 이 jQuery 단순 슬라이더가 표시되지 않을 때 또는 표시될 때 clearInterval(간격)을 일시 중지하는 방법
- javascript : 카드에 클래스를 추가하고 외부에서 클릭하면 제거하는 방법
- HTML CSS 및 asp.net mvc에서 테이블 내부의 테이블을 여는 방법
- javascript : 새 카드의 복제된 라디오 버튼에 새 이름을 자동으로 추가하는 방법
- javascript : 버튼 태그에 아이콘을 추가하는 방법은 무엇입니까?
- javascript : 호버 효과 및 ::before pseudo 요소 문제를 어떻게 고칠 수 있습니까?
- javascript : Edge 및 Chrome 브라우저에서 실행하는 동안 포착되지 않은 DOMException
- javascript : 오른쪽 툴팁 높이 증가
클래식의 오래된 해결책은 이미지를 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; }