Work on CSS background images?

This is an interesting question. Picturefill.WP should work on any <img> found in the_content, or other content block that is passed to it. Any CSS positioning of the image after it is rendered in the browser should work as expected.

One weak point I see is if the instructions for parallax movement are included via HTML data attributes. Currently, Picturefill.WP does not carry over data attributes from the original image to the image rendered by the browser. This is an oversight on my part, and something that I will be sure to correct in the next release.

Out of curiosity, what method are you using to implement parallax scrolling in your sites? More detail might help provide a more definitive answer.

Thanks very much for bringing the issue to my attention. I expect to have some time to work on the data attribute issue this weekend. I hope to be able to test and release the fix before the end of the month.

Thanks for the quick response. There are two examples of what I’m referring to. The first is not technically Parallax (https://www.esopuscreekconservancy.org/) though the second one is https://esopus.creativecrib.com/ which is a true Parallax BootStrap (Twitter) Built theme. Thanks for your input!

Thanks for providing the examples. I should have read your original question more closely. Picturefill.WP does not act on any of the CSS on the page, and I think attempting to do so is outside the scope of this plugin.

CSS supports media queries natively, so alternate image sizes can be included using the media attribute. That might end up being a simpler solution to what you are looking for.

I will still report back on the data attributes sometime this weekend. Even if it doesn’t effect your issue directly, it may be helpful for others.

kylereicks – For one specific page, which it is [home] seems to be the simplest solution. Thanks for the link!