Preload Images on the webpage using css
by MANIMUTHUPANDI[ Edit ] 2014-03-14 12:23:14
Preload Images on the webpage using css
When we use javascript to show the image as html data, that might take time to load on the page.
So,We can use this css class to load images before page loading.
Simply call the following class to a div or body tag
Load Image before page open
.preload_resources {
background-image:
url("./images/my_image1.jpg"),
url("./images/my_image1.jpg"),
url("./images/my_image1.jpg"),
url("./images/my_image1.jpg"),
visibility: hidden;
}