Как сделать так, чтобы при открытии страницы сразу отображалась первая картинка и только потом запускалась анимация слайдера?
.container_slider_css {
margin: 50px auto;
width: 1427px;
height: 1427px;
overflow: hidden;
position: relative;
}
.photo_slider_css {
position: absolute;
animation: round 9s infinite;
opacity: 0;
width: 100%;
}
@keyframes round {
35% {
opacity: 1;
}
50% {
opacity: 0;
}
}
img:nth-child(1) {
animation-delay: 0s;
}
img:nth-child(2) {
animation-delay: 3s;
}
img:nth-child(3) {
animation-delay: 6s;
}
Здесь из объекта event.detail извлекаются три свойства: index, axis и value. После выполнения этой строки у вас появятся три отдельные переменные (константы) с именами index, axis и value, содержащие соответствующие значения из event.detail.
Без деструктуризации это выглядело бы так:
если свойств не будет, то будет
index = undefined