Graceful Web Image Loading
I've only had this Journal for a few hours, and I'm already going to post some cool coding techniques. Yes, you should be afraid.
Images are an integral part of many websites - they help to simplify navigation and to enhance the themes of your website. But when images are the showcase of a web page, the images often have large dimensions or are animated, resulting in a large file size. These file sizes can slow even the most impressive broadband Internet down, particularly on free image hosters, leaving your visitors in the dark for seconds or minutes whilst the showcase of your page loads.
Today I'm going to take you through an easy way to load images gracefully so your viewers can feel comfortable that something is happening whilst the image loads in the background. We're going to do this by using a placeholder animation which ticks over whilst we wait.
Images are an integral part of many websites - they help to simplify navigation and to enhance the themes of your website. But when images are the showcase of a web page, the images often have large dimensions or are animated, resulting in a large file size. These file sizes can slow even the most impressive broadband Internet down, particularly on free image hosters, leaving your visitors in the dark for seconds or minutes whilst the showcase of your page loads.
Today I'm going to take you through an easy way to load images gracefully so your viewers can feel comfortable that something is happening whilst the image loads in the background. We're going to do this by using a placeholder animation which ticks over whilst we wait.
( Read more... )
