Как я могу установить IMG на слайдер?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу установить IMG на слайдер?

Сообщение Anonymous »

const slides = [
{
eachSlide: "url(https://www.consilium.europa.eu/media/54319/erasmus.png)",
},
{
eachSlide: "url(Изображение)",
},
{
eachSlide: "url(Изображение)",
},
{
eachSlide: "url(Изображение)",
},
{
eachSlide: "url(Изображение)",
},
{
eachSlide: "url(Изображение)",
},
];
< /code>
.slider {
width: 85vw;
height: 65vh;
overflow: hidden;
position: relative;
margin-top: 2%;
margin-left: 5%;
}

.slider .each-slide {
width: 100vw;
height: 100vh;
image-rendering: auto;
float: left;
line-height: 100vh;
font-size: 40vh;
text-align: center;
background-size: cover;
background-position: center center;
background-color: transparent;
}
< /code>
The slider feature was broken when it was necessary to change the width and height.A different image I added does not fit in this range.It looks like it's half-fitted.How can I give width-height to a different image I added?

Подробнее здесь: https://stackoverflow.com/questions/757 ... the-slider
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»