secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Adding ability to blur parallax; Overlay header; Discover Featured intro playlist

Browse Source
This commit is contained in:
James Barnsley
2017-05-26 09:04:58 +12:00
parent 89acad7822
commit d9b501cd51
10 changed files with 105 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/js/components/Parallax.js
View File

@ -92,8 +92,9 @@ export default class Parallax extends React.Component{
loadImage( url ){
return new Promise( (resolve, reject) => {
var imageObject = new Image();
imageObject.src = url;
var imageObject = new Image()
imageObject.src = url
imageObject.crossOrigin = 'anonymous'
imageObject.onload = function(){
var image = {
@ -161,14 +162,18 @@ export default class Parallax extends React.Component{
render(){
return (
<div className="parallax">
<div className={this.props.blur ? "parallax blur" : "parallax"}>
<canvas
id="parallax-canvas"
className={ !this.state.loading ? 'loaded' : null }
className={!this.state.loading ? 'loaded' : null}
width={this.state.canvas.width}
height={this.state.canvas.height}>
</canvas>
</div>
);
}
}
}