www.wysiwygwebbuilder.com

[rz] Parallax Objects v1.0.0.4

The most lightweight and simple solution to have amazing parallax background objects.
Supports both horizontal and vertical algorithms!
Maximum cross-browser and backward compatibility.
No jQuery required.

HTML 4.01 Transitional
W3C compliant

DEMO

Enjoy!


* NEW in version 1.0.0.4:

- Added support for RWD.
- Improved horizontal and vertical parallax algorithm.
- Added "move back" feature for an object; this allows to put it back and, if applies, outside the container for an easier parallax background configuration.

* NEW in version 1.0.0.3:

- Non-full-width objects/layers can be "parallaxed" even on centered pages preserving their relative position.

* NEW in version 1.0.0.2:

-"Sleep" points:
This is the complement of the previously implemented "wake-up" points.
Means within how many pixels must be scrolled the browser so as the parallax effect can take place:
if the pixels amount is not reached yet, the object remains fixed;
if the pixels amount is beyond the limit, the object remains fixed again.

-Bounds source:
Is the source of the active area in which the parallax effect takes effect.
The source can be the setup in the objects list (wake-up and sleep points) or the size of the extension, which acts as a "mapper"; this method is the same as in the [rz] PFO extension.

* NEW in version 1.0.0.1:

-"Wake-up" points:
How many scrolled down (horizontal and/or vertical) pixels are required to activate the parallax effect to an object.
Objects are initially fixed, once the "scroll level" is reached, objects start to move according to the selected ratio.
Zero means that the effect is immediately applied.

Nice work RZ!



Cheers,
Scott

thank you sub for your feedback!

You can find it here: http://www.magnawebstudio.com/shop/single.html

Please note the difference between the parallax extension and the parallax objects extension!

thank you mr e bear for you help

@cre8ived
follow the mr e bear guidance, i've nothing to add

* NEW in version 1.0.0.1:

-"Wake-up" points:
How many scrolled down (horizontal and/or vertical) pixels are required to activate the parallax effect to an object.
Objects are initially fixed, once the "scroll level" is reached, objects start to move according to the selected ratio.
Zero means that the effect is immediately applied.

* NEW in version 1.0.0.3:

- Non-full-width objects/layers can be "parallaxed" even on centered pages preserving their relative position.

* NEW in version 1.0.0.2:

-"Sleep" points:
This is the complement of the previously implemented "wake-up" points.
Means within how many pixels must be scrolled the browser so as the parallax effect can take place:
if the pixels amount is not reached yet, the object remains fixed;
if the pixels amount is beyond the limit, the object remains fixed again.

-Bounds source:
Is the source of the active area in which the parallax effect takes effect.
The source can be the setup in the objects list (wake-up and sleep points) or the size of the extension, which acts as a "mapper"; this method is the same as in the [rz] PFO extension.

UPGRADE AVAILABLE:

* NEW in version 1.0.0.4:

- Added support for RWD.
- Improved horizontal and vertical parallax algorithm.
- Added "move back" feature for an object; this allows to put it back and, if applies, outside the container for an easier parallax background configuration.

I would like to buy extension, but I don't like I have to wait taht first scrolling finishes that I can click on the anotjer menu link.
It is pretty annoying, because I feel as links are not working properly. :/

Can You do that menu links working all the time, like UPS extension works?

I am interested for "Parallax object" and "Parallax" extensions because I'll like to do something like this: http://www.culturalsolutions.co.uk/

the extension that you are referring to is not part of the [rz] Parallax Objects extension
you can use the navigation you want
however, it is planned very soon an update for the [rz] Elegant Scroll extension

[RZ] wrote:the extension that you are referring to is not part of the [rz] Parallax Objects extension
you can use the navigation you want
however, it is planned very soon an update for the [rz] Elegant Scroll extension

So, I can use Parallax Object in combination with UPS instead of ES and then menu links will work without waiting?

the new [rz] Elegant Scroll is ready and will be released within three hours from the time of this post
it will have 3 cycle modes:
full and chained (no wait to complete the cycle but each cycle is fully done)
full and not chained (must wait the cycle to be completed)
cancelable (the current cycle is stopped, and continue with the next cycle faster)

[RZ] wrote:the new [rz] Elegant Scroll is ready and will be released within three hours from the time of this post
it will have 3 cycle modes:
full and chained (no wait to complete the cycle but each cycle is fully done)
full and not chained (must wait the cycle to be completed)
cancelable (the current cycle is stopped, and continue with the next cycle faster)

So, To get what I want I must use ES with "cancelable" option together with PO?

it's up to you...
both cancelable and full-and-chained modes are valid to accomplish what you want
cancelable is even faster

Actually I am happy with UPS and I will buy Parallax Object and Parallax.
Please tell me can I use UPS (instead of ES) in combinations with PO?

i dont know what ups is, i *always and only* use codes that i myself write

[RZ] wrote:i dont know what ups is, i *always and only* use codes that i myself write

the extension has been updated: http://wysiwygwebbuilder.com/forum/view ... 53&t=49206
(also the sample #3 here: http://www.magnawebstudio.com/demo/parallaxobjects)

Yes! This is how I would want to work!
Much better than before.

besides the axis (3 modes), you can control the cycle as you want (3 modes)

I just paid for Parallax Object and Parallax.
How can I get extensions?

thank you
you will be receiving them in your email once paypal confirms the transaction and sends the confirmation mail
with regards,

I allready recived
Thanks

BTW: You have excellent extensions on your page.
They can do wonderful things for which I did not think that even possible to do with WB10.
I have not checked all jet, but this what I've seen is enough for delight.
The site go into my favorites.

thank you for your feedback
there is (even) more in the oven
keep in the loop

This is excellent work [Rz] Yafe meod

I have been experimenting with 3D effects using 2D images in a graphics program, I have seen some websites using this technique using parallax, it kind of looks like like Ken Burns effect with a bit of stretching

Can your extension achieve this using events / timed objects ?

If I scroll the cursor left, right, up or down for example it shifts / stretches the parallax layers (2D images) diagonally (ken burns) to create the "3D" effect then back again when the cursor is moved away ?

Many Thanks

FX

your hebrew is becoming better with the time, hu?
the extension does not use ken burns
besides this, it is not so clear for me what you want to do, sorry...

Sorry for the confusion


Something like this rendered using a webpage, is what I am experimenting with (not a video but a webpage)

http://www.youtube.com/watch?v=p0B5SxU-p70

The only thing is the stretching which is puzzling me (transform maybe) as the stretching adds depth to the final perspective

Thanks for replying anyway [Rz]

Shalom

got it
the issue is that the mouse movements are 2D
how should be interpreted to make a 3D effect like this?

The effect of course is fake (not really 3D), I was imagining the movement of the cursor would trigger the movement of the parallax layer (not just up and down but left and right also)

If I point the cursor to the top left of the screen (viewport), the parallax layer (image) would shift accordingly (not just up and down but diagonally up/left), then if I move the cursor back to the centre of the screen the layer (image) would reset all square with the screen (viewport)

WOW I think I explained it correctly ??

By doing this 3 layers for example could create the 3D "effect"

1: a static (or moving) background image set to back
2: a second layer moving in the opposite direction to the top layer to create the effect
3: the top focused layer with the item on that moves position opposite to the second layer

The only other thing would be to stretch the second layer (image) as it moves in the opposite direction to the top layer (this would give it some perspective, maybe adding some blur ?)

All 3 layers would act together depending on where the cursor is located on the page (parallax)

well, currently the extension supports up to five images instead of three
let me think if some zoom-in/out effect can be added
i will be able to experiment with this once the new version is ready, as i'm rewriting it almost from scratch

Asir Todah, Balnes [Rz]

Really appreciate all of your hard work

FX

Hi there,
I just bought this extension as I wanted an effect like your Demo (section 3) with the scrolling backgrounds. The effect works only at certain page sizes. If the browser size is changed the effect goes wrong. However this does not happen on your demo. Any idea what I am doing wrong ?

A tutorial on how you did the sliding background effect would be useful

i do not see any issue in your sample, please read carefully again the instructions perhaps you need to manually adjust the page length (as in the demo)
the extension comes with a sample

Where is the sample ? It wasn't in the file sent by email.

seems the file is missing, sorry
it has accidentally been deleted
i will search for it and let you know

Thank you.

pls get in contact here: www.magnawebstudio.com/shop
so you can receive the test project file for the extension

if you mailed, you do not need to post here again
w/regards

This demo - http://www.magnawebstudio.com/demo/para ... age_1.html - is a fixed page for me (using Chrome 45.0.2454.93 m version...

the demo is not a fixed background at all
just look again at the elements with the transparencies
drag the scrollbar track to see the effect, perhaps the scrollbar arrows in chrome are not so smooth

I know this thread is a bit old, but I really need parallax capability and bootstrap is a bit of a pain, so I'd rather use my tried and true WYSIWYG Builder 10.

Does this webpage: http://www.magnawebstudio.com/demo/para ... age_3.html

Come with your Parallax Objects control for WYSIWYG Website Builder 10?

I am really in need of this effect and if I can create that kind of parallax website (responsive as well) with WYSIWYG Builder 10, then I need to buy this ASAP.

Which pack does it come in (Pro, Gold. Diamond)? I'd rather buy a pack and get a bunch of extensions then just one.

I assume you support this extension if I have questions?

Mike

the extension is supported
rwd is possible
includes a sample
does not include the demo
is not included in the packs you mention, however is included in the subscriber plan or as a single

How hard would it be to re-create that basketball demo site?

I'll buy that extension today some time.

Mike

if you already have the graphical elements, the idea about what you want to accomplish and some basic wb skills, just some minutes
for very complex designs, perhaps some maths may help, and some minor adjustments until you get the final desired result