Lazysizes with react-imgix about react-imgix HOT 9 CLOSED

Hey there @sergejr 😄

I have no experience with lazysizes, so I cannot help in getting it working with this library. Is this something that is very important to you?

from react-imgix.

Hey @frederickfogerty

or have you maybe thought of implementing the qlip method or an other method for prerendering images in a way imgix allows?

Would be very nice 🤙

from react-imgix.

I've never heard of the "qlip method", and I can't find anything online. I'm curious, what is it?

from react-imgix.

Sorry, It was LQIP.. My fault.
It works with a data-src attribute.
https://blog.imgix.com/2016/06/01/lqip-your-images.html
With the React Imgix Component and the usage of the Picture Tag it's not possible to pass a data-attribute with another Image Source. Would be great to archive a Preload "Animation". Or do you have another idea?

Currently I've added customParameter and after this I've written a function to remove the modes from the source URL to archive the preload.

from react-imgix.

Oh cool! We talked about this in #14, but I never got round to implementing it as I didn't need it for my use back then...

Can you share the specifics (i.e. code) of what you're doing now? And would you be interested in contributing this to the library yourself?

from react-imgix.

Here's an example:
https://gist.github.com/sergejr/db8d481e576ba60ea89fdd185fd4207b

from react-imgix.

As that example works with the DOM directly, I'm not comfortable working that into the main component, but a version of this could be worked in to use React state, etc to perform the same effect. Is this something you'd be interested in working on?

from react-imgix.

That's true. I was looking for a Solution without working inside the Package Core to allow further updates.
Yes, I would be interested in working on that Feature.

from react-imgix.

Awesome @sergejr 🚀

The first step would be to work out and agree on an API for the feature (aiming to keep it as simple as possible), and then implementing the feature inside the component.

I'll be available here if you need any help.

from react-imgix.