使图像填充元素中的剩余空间

Question

我正在使用HTML，CSS和Javascript制作幻灯片。幻灯片中包含图像。图像在灯箱中打开，因此它们的大小无关紧要。

我希望图像的高度填满每张幻灯片底部的剩余空间。我该怎么做？

编辑：以下是一个例子：

<div style="height:1000px;">
<p>a lot of text</p>
<img src="image.jpg" />
</div>