Javascript 幻灯片显示下一个图像分区，以40-50%的比例剪切

我想有一个幻灯片与下一个图像分割，是要削减在40-50%

这意味着下一个要显示的图像必须被剪切40-50%，以便看起来像幻灯片

.slideshow\u image\u div{
高度：300px；
边框：薄黑色实心；
宽度：300px；
溢出：隐藏；
}
.slideshow\u image\u div.slideshow\u image{
浮动：左；
宽度：45%；
右边距：10px；
}
.幻灯片放映图像img{
最大宽度：100%；
最大高度：100%；
}

---

如果您希望整个幻灯片显示在同一行中，您可以给

空白：nowrap

并删除

float

，同时给

显示：inline block

并删除硬编码高度，使其看起来像幻灯片容器：

.slideshow\u image\u div{
边框：薄黑色实心；
填充：5px0.5px；
宽度：300px；
溢出：隐藏；
空白：nowrap；
}
.slideshow\u image\u div.slideshow\u image{
显示：内联块；
宽度：40%；
右边距：5px；
}
.幻灯片放映图像img{
最大宽度：100%；
最大高度：100%；
}