Вкладки jQuery Скрываются До тех пор, пока не будут загружены

Question

Я использую вкладки пользовательского интерфейса jQuery для управления представлением контента на странице портфолио, которую я внедряю.Страница состоит из множества больших изображений, и полная загрузка вкладок занимает около секунды или двух.Я хочу знать, есть ли у них способ скрыть / замаскировать все содержимое до тех пор, пока вкладки не будут загружены.Оптимально, я бы хотел, чтобы графическое изображение загрузки отображалось до тех пор, пока вкладки не будут загружены.

Пожалуйста, посоветуйте.

Спасибо, Брэд

Answer 1

$(document).ready - это когда DOM полностью загружен не содержимым.Что вам нужно будет сделать, так это установить для вкладки div значение display:none в css, пока изображения не будут полностью загружены.В олдскульном javascript мы привыкли использовать функцию .onload() .Вы захотите использовать это, и когда оно сработает, вы установите div вкладки на display:block (или используйте jQuery .show()).Для графики ожидания используйте счетчик в div, который отображается с помощью css:блок.Затем в функции onload() выполните команду jquery .hide().