光滑的图像变为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。

滑块内的图像会增加（高度和宽度）到容器的设定高度。