매끄러운 이미지가 1px 높이가됩니다.

Question

저는 몇 시간 동안 매끄러운 슬라이더를 얻으려고 노력해 왔으며, 관련된 SO 질문에 대한 모든 제안을 시도한 후에도 아무런 효과가 없었습니다.
내 이미지의 높이가 1080px이지만 매끄러운 이미지는 1px 높이로 표시됩니다.
참고로 이미지의 하단에는 충분한 투명 공간이 있고 스크롤 막대가없는 페이지를 유지하려면 이미지 위에 점을 위로 이동하려고 계획하고 있습니다. 나는 또한 탐색 화살표를 더 작게 만들 계획이지만 여전히 이미지 위에 있어야합니다.

전체 높이뿐만 아니라 모든 내용이 (.fullheight 및 .backimg) 이내입니다.

<div id="picslider" style="height: 100%"> 
    <a href="#" class="fullheight"><img src="https://octolopagon.games/_resources/img/olumian.png" class="backimg"></a> 
    <a href="#" class="fullheight"><img src="https://octolopagon.games/_resources/img/support.png" class="backimg"></a> 
</div> 

전체 코드는 어떤 도움에 감사드립니다 https://jsfiddle.net/wrtvq2we/

이다.

Answer 1

슬라이드가있는 곳에 컨테이너를 놓아야합니다. 그렇지 않으면 높이가 항상 1px가됩니다. 따라서 귀하는 귀하의 필요에 따라 높이를 .slick-track까지 줄 수 있습니다. 여기에 an updated JSfiddle입니다.

슬라이더 안에있는 이미지는 컨테이너의 설정된 높이까지 (높이와 너비로) 커집니다.