Skip to main content
WordPress Development

Return to Answer

replaced http://stackoverflow.com/ with https://stackoverflow.com/
Source Link
Community Bot
Community Bot
  • 1

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

You want the loader to be a part of the page as the document is first loaded by the browser, then use javascript to detect when the images are finished loading and remove the loader.

Check out these resources that have more information specifically on the structure of the HTML and javascript

https://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/

http://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loadedhttps://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded

http://smallenvelop.com/display-loading-icon-page-loads-completely/

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

You want the loader to be a part of the page as the document is first loaded by the browser, then use javascript to detect when the images are finished loading and remove the loader.

Check out these resources that have more information specifically on the structure of the HTML and javascript

https://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/

http://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded

http://smallenvelop.com/display-loading-icon-page-loads-completely/

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

You want the loader to be a part of the page as the document is first loaded by the browser, then use javascript to detect when the images are finished loading and remove the loader.

Check out these resources that have more information specifically on the structure of the HTML and javascript

https://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/

https://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded

http://smallenvelop.com/display-loading-icon-page-loads-completely/

Added links to better explanations
Source Link
Miles Elliott
Miles Elliott
  • 11
  • 2

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

Your site should be parsed and haveYou want the loader showingto be a part of the page as the document is first loaded by defaultthe browser, then the page willuse javascript to detect when the images are finished loading and remove the loader.

Check out these resources that have more information specifically on the structure of the HTML and javascript

https://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/

http://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded

http://smallenvelop.com/display-loading-icon-page-loads-completely/

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

Your site should be parsed and have the loader showing by default, then the page will detect when the images are finished loading and remove the loader.

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

You want the loader to be a part of the page as the document is first loaded by the browser, then use javascript to detect when the images are finished loading and remove the loader.

Check out these resources that have more information specifically on the structure of the HTML and javascript

https://css-tricks.com/snippets/jquery/display-loading-graphic-until-page-fully-loaded/

http://stackoverflow.com/questions/11072759/display-a-loading-bar-before-the-entire-page-is-loaded

http://smallenvelop.com/display-loading-icon-page-loads-completely/

Source Link
Miles Elliott
Miles Elliott
  • 11
  • 2

You will want to put the code in the child theme, otherwise an update to the parent theme will erase it.

Your site should be parsed and have the loader showing by default, then the page will detect when the images are finished loading and remove the loader.