gpt4 book ai didi

javascript - 我想在固定大小的 div 元素中使用 Aspect-Fill Image Slider

转载 作者:行者123 更新时间:2023-11-28 15:46:42 33 4
gpt4 key购买 nike

我有几张不同尺寸的图片,我将使用这些图片制作图片 slider 。

我指的是 this document .

但是在这个库中,图像在 div 元素中是纵横比的。

如何使用各种尺寸的图像制作图像 slider ,其中的图像是纵横比填充的?

最佳答案

您链接到的幻灯片设置为以纵横比模式显示。很难说这是在发生,但图像会根据其纵横比填充垂直和/或水平空间。

JSSOR 幻灯片有一个选项来定义图像的适合方式,并且您链接到的示例设置为“包含和实际的小图像”。这意味着它使用 aspect-fit 除非图像太小而无法填充高度和/或宽度,并且它将使图像在幻灯片上居中。

您可以通过单击“Edit This Slider”来更改图像的适合方式。 '链接,然后单击'布局'并更改右侧的填充模式。默认情况下,它似乎设置为 aspect-fit,或“Contain & Actual for Small Image”。如果您希望图像同时填充高度和宽度,这将需要放大一些图像,您可以选择cover。这将使每个图像通过缩放和裁剪图像的部分来填充整个幻灯片。

enter image description here

关于javascript - 我想在固定大小的 div 元素中使用 Aspect-Fill Image Slider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42577408/

33 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com