WordPress.org

Ready to get started?Download WordPress

Forums

Picturefill.WP
[resolved] Work on CSS background images? (5 posts)

  1. David Radovanovic
    Member
    Posted 9 months ago #

    Is there a way for picturefillWP to recognize images used in a background, i.e. images used in a parralax design? Maybe using custom fields? Thanks!

    http://wordpress.org/plugins/picturefillwp/

  2. kylereicks
    Member
    Plugin Author

    Posted 9 months ago #

    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.

  3. David Radovanovic
    Member
    Posted 9 months ago #

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

  4. kylereicks
    Member
    Plugin Author

    Posted 9 months ago #

    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.

  5. David Radovanovic
    Member
    Posted 9 months ago #

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

Reply

You must log in to post.

About this Plugin

About this Topic