Added loading feedback for images.

This commit is contained in:
2018-07-11 17:48:09 +10:00
parent 8fdb7e5be8
commit 32f5230e3f
8 changed files with 115 additions and 6 deletions

View File

@ -35,6 +35,10 @@ export default (props) => {
<ImageSection
src={ require('./../../../images/banners/about/glasses.svg') }
alt="domsPlace"
width="2400"
height="1200"
test="true"
loadable
>
<PageBoundary full>
<FloatingContentBox position="middle center" size="large" className="u-text-center">

View File

@ -68,6 +68,7 @@ const ExistingWorkFrame = (props) => {
alt={props.title}
loadable
className="p-home-page__work-link-image"
maxWidth="600"
/>
</a>
</Frame>

View File

@ -34,7 +34,7 @@ import ElementScrollFader from './../../../animation/fade/ElementScrollFader';
const Platform = (props) => {
let children;
let image = <Image src={props.src} className="p-home-page__brands-image" />;
let image = <Image src={props.src} loadable className="p-home-page__brands-image" />;
if(props.to) {
children = (