remove unnecessary rAF

This commit is contained in:
Nolan Lawson 2018-03-14 07:24:16 -07:00
parent 436c8c05aa
commit c97937eced
1 changed files with 22 additions and 19 deletions

View File

@ -20,28 +20,31 @@
}
</style>
<script>
import { mark, stop } from '../_utils/marks'
export default {
oncreate() {
requestAnimationFrame(() => {
let img = new Image()
let src = this.get('src')
let fallback = this.get('fallback')
img.onload = () => {
requestAnimationFrame(() => {
this.set({
displaySrc: src,
hidden: true
})
requestAnimationFrame(() => {
this.set({hidden: false})
})
mark('LazyImage oncreate()')
let img = new Image()
let src = this.get('src')
let fallback = this.get('fallback')
img.onload = () => {
requestAnimationFrame(() => {
this.set({
displaySrc: src,
hidden: true
})
}
img.onerror = () => {
this.set({displaySrc: fallback})
}
img.src = src
})
requestAnimationFrame(() => {
this.set({hidden: false})
})
})
}
img.onerror = () => {
this.set({displaySrc: fallback})
}
img.src = src
stop('LazyImage oncreate()')
}
}
</script>