33 lines
572 B
JavaScript
33 lines
572 B
JavaScript
|
|
||
|
|
import React, { PropTypes } from 'react'
|
||
|
|
import * as helpers from '../helpers'
|
||
|
|
|
||
|
|
export default class Parallax extends React.Component{
|
||
|
|
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
|
||
|
|
this.state = {
|
||
|
|
image: false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
componentDidMount(){
|
||
|
|
this.setState({
|
||
|
|
image: helpers.SizedImages( this.props.images )
|
||
|
|
})
|
||
|
|
this.update();
|
||
|
|
}
|
||
|
|
|
||
|
|
update(){
|
||
|
|
// TODO: copy canvas rules in here from Spotmop
|
||
|
|
}
|
||
|
|
|
||
|
|
render(){
|
||
|
|
return (
|
||
|
|
<div className="parallax">
|
||
|
|
{ this.state.image ? <img src={this.state.image.huge} /> : null }
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|