tommygeorge

Mark, thanks for the quick reply.

There is Plus/Pro content loaded…

I saw several scripts loaded from bot:

* plugins/nextgen-gallery/
* plugins/nextgen-gallery-plus/

Perhaps the latter pulls in the former, and my expectations were out of place?

I am certain that there is no NextGen content from widgets, etc., on the home page. It may indeed be from the Pro/Plus installation I suppose.

Awesome! So glad it helped you out! Thanks for taking the time to leave a comment and review! =)

Thanks so much for the review! Appreciate you taking the time to leave a comment. =)

It sounds like what you’re asking for is something like what the Divi theme does: https://www.elegantthemes.com/gallery/divi/

This plugin only makes a single, fixed position, preferably-tile-able background image scroll at a different rate than the page content.

Am I understanding your question correctly, and may I mark this thread resolved?

After looking into this, there isn’t currently a way to fix it that:

(1) uses this simple implementation, and
(2) works in modern browsers.

This works by updating a style property, that can only be set in X/Y coordinates. There is not an equivalent property for setting the *top*/Y coordinate without also moving the X coordinate.

Unfortunately, I don’t have time to add the necessary workarounds or features to enable this plugin to work better with backgrounds that aren’t tile-able. It would require changing the fundamental *simplicity* of this plugin.

If I do make the time for it, I’ll definitely add this.

If you or anyone else you know is moderately good with Javascript, you’re welcome to contribute that feature as a pull-request here: https://github.com/tcg/super-simple-jquery-parallax-background

I’m going to mark this thread as resolved, since this isn’t a “bug” in the software as it exists, but rather a short-coming based on expectations.

@mondowp, Sorry. I see this now. This is because the plugin currently applies a specific background position on scroll events, including setting the left edge to “0px”, which is probably what’s moving your image. Looks like you have it set to “center”.

I may experiment with an update soon that will ignore horizontal alignment.

Sorry for the delay — I don’t think I’m seeing the issue currently. Or you’ve fixed it in the mean-time? How’s it going?

Thanks so much for the review! Much appreciated!

And after ALL THIS TIME, I noticed that the title of this post has a painfully obvious grammatical error, and should read “… Here *is* a poem”.

How embarrassing.

@mickdaly: This thread on CSS-Tricks has some technical explanation of why this is “a bit harder” to pull off on iOS devices: https://css-tricks.com/forums/topic/parallax-scrolling-that-actually-works-on-ipad/

Basically, the method that this very-simple plugin employs to actually do the parallax motion is just not supported on iOS devices. They don’t have “scroll” events, because they are touch-based — is an over-simplification.

Sorry that it doesn’t work for your purposes.

@kinney0201 You are posting a reply to a *resolved* topic. It’s best to start a new topic with your own question.

Meanwhile, I think the “instructions” you are referring to are comments within the javascript file that comes with the plugin. That comment goes on to say that it’s overriding the setting, regardless of what you did previously.

The installation instructions do not require you to change anything; you simply activate the plugin.

It works for themes with a background image set on the HTML ‘body’ element; if your background image is created in any other way, this plugin will not work.

Please start a new, separate conversation thread if you have follow-up questions. Thanks!

Thanks so much for the review! So many downloads and so few reviews was making me worry. I appreciate the time you took to leave one!

lhadaj,

Sorry for the delay! At the time, I hadn’t yet posted a public demo (aside from the demo available in the download). Now, you can check it out online right here: https://www.tommygeorge.com/super-simple-jquery-parallax-background/demo.html

Since the plugin is so new (and not many people are leaving ratings) I don’t know of any other sites using this at the moment. If you use it, I’d love to see!

Thanks!

Ha! Indeed.

I know you posted this four months ago, but just in case you’re still wondering (or someone else stumbled across this site) here’s how I solved the issue for one site:

I altered the plugin code in wp-content/plugins/wp-open-graph-meta/wp-open-graph-meta.php. I changed the function add_elements() from this:

public function add_elements()
    {
        if (is_singular()) {
            the_post();

            $this->_metas['og:title'] = $this->_get_title();
            $this->_metas['og:type'] = is_single() ? 'article' : 'website';
            $this->_metas['og:url'] = get_permalink();

            $this->_metas['og:description'] = $this->_get_description();
            $this->_metas['og:site_name'] = strip_tags(get_bloginfo('name'));
            $this->_metas['og:locale'] = strtolower(str_replace('-', '_', get_bloginfo('language')));

            $this->_add_image();
            $this->_add_post_tags();

            $this->_output();

            rewind_posts();
        }
    }

To be this:

public function add_elements()
    {
        if (is_singular()) {
            the_post();

            $this->_metas['og:title'] = $this->_get_title();
            $this->_metas['og:type'] = is_single() ? 'article' : 'website';
            $this->_metas['og:url'] = get_permalink();

            $this->_metas['og:description'] = $this->_get_description();
            $this->_metas['og:site_name'] = strip_tags(get_bloginfo('name'));
            $this->_metas['og:locale'] = strtolower(str_replace('-', '_', get_bloginfo('language')));

            $this->_add_image();
            $this->_add_post_tags();

            $this->_output();

            rewind_posts();
        }
        elseif ( is_home() )  // Added by @tommygeorge:
        {
            $this->_metas['og:title'] = strip_tags(get_bloginfo('name'));
            $this->_metas['og:type'] = 'website';
            $this->_metas['og:url'] = home_url();

            $this->_metas['og:description'] = strip_tags(get_bloginfo('description'));
            $this->_metas['og:site_name'] = strip_tags(get_bloginfo('name'));
            $this->_metas['og:locale'] = strtolower(str_replace('-', '_', get_bloginfo('language')));

            $this->_output();
        }
    }

As you should be able to see, I simply added an elseif condition, and altered the tags I wanted to show up on the front page. It may need further modification to be more friendly with some SEO plugins, or to work properly with a static-page front page. This currently works with a front page that shows posts.