NetworkBackgroundImage

NetworkBackgroundImage

This fetches an image from the internet and fills a parent component (usually a div) with that image.

Example Usage:

     <div className={css(stylesheet.thumbnailSize, stylesheet.thumbnailContainer)}>
            <NetworkBackgroundImage className={css(stylesheet.thumbnailInner)} style={{
                WebkitTouchCallout: "none", WebkitUserSelect: "none", MozUserSelect: "none", userSelect: "none"
            }} source={genVideoThumbnailURI(props.source)} >
                <div onClick={interactionHandler}>
                    <Img draggable={false} fluid={props.fluid} className={css(stylesheet.thumbnailPlayButton)} />
                </div>
            </NetworkBackgroundImage>
        </div>