[rz] Parallax Objects *** UPD 2014-Nov-13 ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available, but the discussions may still be helpful for some users.
Forum rules
*** IMPORTANT INFO REGARDING [RZ] EXTENSIONS ***

This section contains extensions that were created by [rz] who has sadly passed away.
These extensions are no longer available or supported, but the discussions may still be helpful for some users.
Locked
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

[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.
Last edited by [RZ] on Thu Nov 13, 2014 2:09 pm, edited 4 times in total.
User avatar
madebyibloo
 
 
Posts: 366
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: [rz] Parallax Objects

Post by madebyibloo »

Nice work RZ! :)



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects

Post by [RZ] »

thank you sub for your feedback!
User avatar
Mr E Bear
 
 
Posts: 11
Joined: Mon Aug 06, 2012 12:38 pm

Re: [rz] Parallax Objects

Post by Mr E Bear »

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!
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects

Post by [RZ] »

thank you mr e bear for you help

@cre8ived
follow the mr e bear guidance, i've nothing to add :)
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD Jul-07-2014 ***

Post by [RZ] »

* 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.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD Jul-28-2014 ***

Post by [RZ] »

* 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.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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.
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

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/
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

[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?
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

[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?
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

it's up to you...
both cancelable and full-and-chained modes are valid to accomplish what you want
cancelable is even faster
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

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?
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

i dont know what ups is, i *always and only* use codes that i myself write
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

[RZ] wrote:i dont know what ups is, i *always and only* use codes that i myself write
:)
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

Yes! This is how I would want to work! :)
Much better than before. :)
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

besides the axis (3 modes), you can control the cycle as you want (3 modes)
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

I just paid for Parallax Object and Parallax. :)
How can I get extensions?
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

thank you
you will be receiving them in your email once paypal confirms the transaction and sends the confirmation mail
with regards,
naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by naftalina »

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. :)
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

thank you for your feedback
there is (even) more in the oven
keep in the loop
User avatar
FX3D
 
 
Posts: 58
Joined: Sat Dec 17, 2011 5:52 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by FX3D »

This is excellent work [Rz] :P Yafe meod :D :D

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
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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...
User avatar
FX3D
 
 
Posts: 58
Joined: Sat Dec 17, 2011 5:52 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by FX3D »

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
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

got it
the issue is that the mouse movements are 2D
how should be interpreted to make a 3D effect like this?
User avatar
FX3D
 
 
Posts: 58
Joined: Sat Dec 17, 2011 5:52 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by FX3D »

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 ?? :roll: :roll:

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)
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
User avatar
FX3D
 
 
Posts: 58
Joined: Sat Dec 17, 2011 5:52 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by FX3D »

Asir Todah, Balnes [Rz]

Really appreciate all of your hard work :P

FX
sailorspy
 
 
Posts: 12
Joined: Tue May 12, 2009 3:42 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by sailorspy »

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 :D
Last edited by sailorspy on Wed Feb 04, 2015 8:49 am, edited 1 time in total.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
sailorspy
 
 
Posts: 12
Joined: Tue May 12, 2009 3:42 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by sailorspy »

Where is the sample ? It wasn't in the file sent by email.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

seems the file is missing, sorry
it has accidentally been deleted
i will search for it and let you know
sailorspy
 
 
Posts: 12
Joined: Tue May 12, 2009 3:42 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by sailorspy »

Thank you.
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

pls get in contact here: www.magnawebstudio.com/shop
so you can receive the test project file for the extension
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

if you mailed, you do not need to post here again :)
w/regards
luishmpaulo
 
 
Posts: 134
Joined: Wed Jan 11, 2012 8:49 pm
Location: Brazil
Contact:

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by luishmpaulo »

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...
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
karmacomposer
 
 
Posts: 19
Joined: Thu Nov 06, 2014 6:17 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by karmacomposer »

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
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
karmacomposer
 
 
Posts: 19
Joined: Thu Nov 06, 2014 6:17 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by karmacomposer »

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

I'll buy that extension today some time.

Mike
User avatar
[RZ]
 
 
Posts: 1912
Joined: Tue Nov 04, 2008 12:08 pm

Re: [rz] Parallax Objects *** UPD 2014-Nov-13 ***

Post by [RZ] »

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
Locked