Я очень новичок в кодировании, я почти ничего не сделал. Но я работал над несколькими гифками, которые я хотел бы сыграть по очереди в моем потоке. Тем не менее, я понятия не имею, как это сделать. Я пробовал разные вещи, но, похоже, ничего из этого не делает то, что я хочу. Опять же я понятия не имею, что я делаю. Поэтому я хотел бы получить любую помощь в понимании. Например, я понятия не имею, как использовать javascript, я только балуюсь HTML и CSS (без успеха). Вот мой код.
<html>
<head>
<meta http-equiv="refresh" content="20">
</head>
<style>
div {
width: 515px;
height: 94px;
background: Transparent;
animation-duration: 6s;
}
#div1 {animation-delay: 6s;}
#div2 {animation-delay: 12s;}
<body>
<div id="div1" src="sample1.gif">
<div id="div2" src="sample2.gif">
</body>
</html>
Мета часть так что после того, как все гифки пройдут, он через некоторое время обновит sh. Я прекрасно понимаю, что все это может быть неправильно, но в основном моя цель такова. Сыграйте «gif 1», как только gif 1 закончится, сделайте паузу на 3 секунды, затем играйте «gif 2», как только gif 2 закончится, сделайте паузу на 3 секунды и сыграйте «gif 3». Как только все гифки будут воспроизведены, перезапустите всю последовательность через 'x' секунд.
Я также хочу, чтобы все они играли в одном месте. когда я попробовал одно из возможных решений, они просто сыграли гифку рядом с первым. По сути, gif 2 заменит gif 1 при воспроизведении.
Любая помощь будет потрясающей. Спасибо.