Как сделать так, чтобы значок загрузки отображался до полной загрузки iframe?

Question

Я пытаюсь выяснить, как показать значок загрузки и переключиться на iFrame после его загрузки.Есть ли какая-то функция типа onclick или что-то еще?

По сути, я пытаюсь сделать так, чтобы в div отображалось сообщение «Загрузка ...», и как только iFrame полностью загрузит страницу, отобразит iframe.Как это можно сделать?

Answer 1

Я решил эту проблему, установив анимированный GIF (из Ajaxload ) на фоновое изображение контейнера iframe. Единственное, что нужно учитывать, это то, что в теле iframe должен быть установлен цвет фона.

Во время загрузки iframe его фон должен быть прозрачным, а значок должен просвечивать.

Answer 2

Вы можете установить исходное содержимое кадра в виде анимированного GIF-файла для значка загрузки, а затем загрузить фактический документ отдельно в вызове AJAX.Когда удаленный вызов завершится, он заменит содержимое соответствующего элемента DOM (например, document.body) выбранной страницей.