Placeholders for dynamically loaded images before they are loaded

  • I like the feature where images are not loaded until you scroll to that part of a page.

    However, what I don't like is when I'm scanning a post quickly for a specific image and it hasn't loaded yet. I just end up scrolling up and down and up and down until something starts doing something.

    What would be nice is a placeholder, just a grey background with the same dimensions as the image.

    The following page is a great example of that...

  • Global Moderator Plugin & Theme Dev

    This is harder than it sounds, since it requires that the dimensions of images, even external images, be known beforehand. This isn't easy to implement even for images NodeBB controls.

  • @PitaJ Yeah, I know. I came across the resize mechanism in the code last night so, there is some dimension handling already but yeah, this ain't easy.

    However, what could be easy is a placeholder image, like a 50x50 generic image that's used for everything. Then you at least know something is there.

Suggested Topics

| | |

© 2014 – 2022 NodeBB, Inc. — Made in Canada.