Parallax image appear as a fixed background

can you explain further or provide an example?

I have the same issue Adam.

The background image remains static while strolling. There is no jquery changing the position. I have switched to the 2013 theme, and disabled all plugins, and still the same.

Also, I get this error: wp-content/plugins/adamrob-parallax-scroll/includes/adamrob-parralax-shortcode.php:197 – Undefined variable: output” – might this be the problem?

See this page: https://kfc.definingdesign.co.uk/front-page-image/

Thanks for any help.

If you are referring to what i think you are then that is correct by design.
Please see this thread:
https://www.ads-software.com/support/topic/v10-stops-scrolling-image-as-in-v03?replies=7

As for the error, please re-install. Never seen that error before and it doesnt make sense. if you are still having issues i will take a look.

Same here. Parallax scrolls with page using the latest update.

Also, can you include a simple toggle to hide the title on the parallax?

Thanks!

can you post link to example.

unfortunately I reverted back to the previous version since I need it to work on the live website.

Thanks for the quick reply Adam. I think you should consider being clearer about what the effect is (background image remains static while the rest of the page scrolls).

I’ve done a fresh wordpress install, installed parallel scroll 1.4, turned on define(‘WP_DEBUG’, true) in wp-config.php and the output variable error is still there.

Here is the page:
https://parallax.definingdesign.co.uk/?page_id=6

Here is the error in the log file:
mod_fcgid: stderr: PHP Notice: Undefined variable: output in /var/www/vhosts/definingdesign.co.uk/parallax.definingdesign.co.uk/wp-content/plugins/adamrob-parallax-scroll/includes/adamrob-parralax-shortcode.php on line 197, referer: https://parallax.definingdesign.co.uk/wp-admin/edit.php?post_type=page

wpuser89:
I think the issue your describing is different from what else is being reported. What browser and device are you using? Try reverting to the default WordPress theme to see if the issue still exists.
As for hiding the header. Use display: none; in the header style option.

adijeff:
The plugin started as a parallax with 2 moving objects (foreground and background) but this just caused too many compatibility issues. Until I have fixed these issues, and i’m comfortable with it, I have released this version that works 95% of the time across many themes.
The very nature of WordPress means that its very very difficult to make a parallax effect with more than 1 plane because of the wide variety of themes and customisation options. Just try and find another plugin that offers something similar.
If you are desperate for two moving planes then revert to a version less than 1. This will contain the functionality that you want, but probably won’t work across all devices/browsers.

As for the error, it does not effect functionality at all; however I will fix to remove the notice.

Thanks adamrob. It must be extremely hard developing for such a wide range of devices, browsers, and themes. I am very grateful for your efforts with this plugin, and very interested in getting a usable solution with 2 moving planes.

I have added a little jquery to move the background position on devices over 600px wide thus:
$(document).scroll(function(){
if ($(window).width() > 600) {
yPos = -($( window ).scrollTop() / 20 )+50;
if ( yPos < 0 ) yPos = 0;
$(‘section.adamrob_parallax’).css(‘background-position’, ‘50% ‘+ yPos + ‘%’)
};
});

I am sure it would be better to use a fully css solution like this:
https://keithclark.co.uk/articles/pure-css-parallax-websites/ or this:
https://codepen.io/scottkellum/pen/bHEcA/ but I can’t get your markup to work using these techniques (mainly because the image is displayed as a css background-image).

Keep up the good work.

It’s on my list to get it working that way.
I’ll look into the jquery when I get chance.

I have looked into full CSS and its simply not possible in the wordpress environment.
the keithclark example is a botched way of doing it. It only works if you have margins on the whole document, hiding the browsers scroll bar and using the divs scroll bar instead. Its a very messy solution and simply cannot work in WordPress.

I haven’t seen the second example, so I will have a look. I have a feeling its using the same technique though.

I have fixed the output var error just waiting to upload it.

Excellent – thanks