FlexContainer with parallax image as background not working

[Markus]

WB 15.4.5 x64

Hello everyone,

I haven't done anything with WB for some time and am now resuming an old project.

I try to display an image as parallax background in a FlexContainer.

Unfortunately the image is always static, although my opinion is that the settings are correct for parallax scrolling. The image file is 1600 pixels high and 2600 pixels wide, but this cannot be due to a too small size.

Does anyone have an idea what else I can check?
Thanks a lot.

Markus

[Pablo]

It seems to works for me with same settings.
To be able to help you, I need a demo project so I can see all your settings.

Related FAQ
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

[crispy68]

@Pablo,
I can confirm that I'm having the same issue in WB16. I believe the issue is that it is calling the wrong ID in the function.

The function is this:

Code: Select all

<script>
$(document).ready(function()
{
   $('#FlexContainer1').parallax();
});
</script>

When it should be this:

Code: Select all

<script>
$(document).ready(function()
{
   $('#wb_FlexContainer1').parallax();
});
</script>

The wb_ is missing in the ID of the function. When this is added it works.

[Markus]

Hello Ron,

yes you found the cause of this issue! Great.
I checked the generated html file and the wb_ prefix was missing for the flexContainer.

Dear Pablo, I didn't update to version 16 (I'm not involved enough in the business, I earn my money with Windows applications and IT services). But is there a chance to get a bugfix for WB version 15?

Markus

[crispy68]

@Pablo,
The culprit is when you add a maximum width to the Flex container. It is creating another <div> and the code is like such:

Code: Select all

<div id="wb_FlexContainer1">
  <div id="FlexContainer1">
  </div>
</div>

When this happens, my earlier response adding the wb_ is what needs to be changed.

[Markus]

Pablo,

do you still need a demo projekt for this issue?

Edit: anyway, here you'll find a small demoproject to reproduce the problem.

http://www.filedropper.com/issue-parallax
(You have to click on 'download this file' and then fill out a small captcha to download the file. File ist availabel till end of december 2020)

Kind Regards
Markus

[Pablo]

Thanks for the information!
This will be addressed in the next update.

[Markus]

Hello Pablo,
I read that this bug is fixed in the current update for version 16.1.

Will (such) bugs still be fixed in the past version 15 or will the development of the last version be stopped completely?

Markus

[Pablo]

This was also fixed in version 15.
Note that the version number of WWB15 has not been updated because this would break backwards compatibility.

[Markus]

Great news, Pablo.
Thank you very much.