У меня есть многоуровневый компонент div, который отображает последовательную серию больших изображений kb путем слайд-анимации верхнего изображения, чтобы показать следующее изображение ниже. Я пытаюсь понять, как лучше всего подойти к этому.
Подход 1:
наложите несколько элементов div друг на друга, каждый с изображением, назначенным в качестве фона, и сдвиньте элементы div по мере необходимости.
Будут ли скрытые элементы div загружать свои изображения при загрузке страницы или только при их открытии? Является ли это конкретным поведением браузера/клиента? Все ли изображения (jpeg, pngs) ведут себя в этом отношении одинаково?
Подход 2:
Используйте только два элемента div: один обрабатывает скольжение, а другой загружает и показывает следующее изображение.
В этом случае можно ли предварительно загрузить следующее изображение, чтобы javascript не замедлялся при открытии следующего изображения?
Спасибо, и если у кого-то есть другие идеи, я хотел бы их услышать.