zaharano / zacme.ink

my personal portfolio, 2020
1 stars 0 forks source link

have the project tiles hold appropriate space before loading #28

Closed zaharano closed 3 years ago

zaharano commented 3 years ago

with the images/entire project card being lazy loaded, need to use some method to placehold until intersectionObserver fires.

prevents next section showing and then disappearing, and prevents several tile rows loading at once because their height is functionally not much until the images load.

maybe only lazyload the image, but then animate in the card using a isLoaded var. But still need a way to stretch the card to the appropriate size while it's invisible.

zaharano commented 3 years ago

This is a priority–looks silly AF on first load right now.

Onmount sets loaded var to true and triggers the animation revealing the tile.

The tile has a min-height absent the image itself.