gruber76
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html class="no-js" lang="en" xmlns:ng="http://angularjs.org" ng:app> | |
| <HEAD> | |
| </HEAD> | |
| <BODY> | |
| <ng:include src="'samplePIEtemplate.html'" /> | |
| <script type='text/javascript' src="http://cdnjs.cloudflare.com/ajax/libs/css3pie/1.0beta5/PIE.js"></script> | |
| <script type='text/javascript' src="http://docs-next.angularjs.org/angular-0.10.6.min.js"></script> | |
| <script type='text/javascript'> |
gruber76
/ delayed_image_loading.css
Created
November 8, 2011 18:55
— forked from asawilliams/delayed_image_loading.css
Delays the background image displaying until loaded. After loaded it will then fade out the overlay to display the background image. This is used for larger image file sizes. This code represents a proof of concept.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #bg-overlay { | |
| position: absolute; | |
| top: 0; | |
| height: 100%; | |
| width: 100%; | |
| background-color: #444; /* What ever you want to the default background to look like before the image is displayed */ | |
| z-index: -1; | |
| } | |
| .bg-img { | |
| background-image: url('http://www.location/of/really/big/image.jpg'); |