Is this possible in Xara WD365/12?

**iannicholson** · 07 October 2016, 10:42 PM

Here's a site with some interesting parallax and sliding/revealing type animation going on.

http://www.deltafitouts.com.au/

Parallax I can do, but what about that sliding 'wipe' effect that has two pictures in the same place, being revealed as you scroll?

It's pretty cool!

Anyone? Egg?!!

**gwpriester** · 08 October 2016, 01:03 AM

Not Egg here, but. The photo is static and everything else moves. So the photo needs to be on the Background layer and the Pasteboard Background set to Fixed. I did something similar here http://collector-vehicle-appraisals-of-newmexico.com/ The car graphic is on the Background Layer and everything scrolls over that image.

**Boy** · 08 October 2016, 08:53 AM

I think something more is going on here than just a static background picture. There are two 'static' graphics and two 'static' pictures in the background and there seems to be some parallax effect going on. It gives a nice effect but I can't quite figure out how it's created.

**roly** · 09 October 2016, 10:08 PM

Hi Ian, your question got me to play around to recreate the sample you gave. This is not perfect but I think it is doable with Xara. I am using Xara web designer 365 premium. I put the worksheet at 10% zoom so that you can see the overall picture. Look at the attachment. I did not try to match the picture sizes to the ones in your example, so the effect is a little different. The triangle has a scroll animation (it's in reverse from what you have, right to left instead of left to right) but that can be changed. The 2 middle pictures have the parallax animation.

Ciao

Roly

**gwpriester** · 10 October 2016, 12:38 PM

Roly

**roly** · 12 October 2016, 12:03 AM

Originally Posted by gwpriester

Not Egg here, but. The photo is static and everything else moves. So the photo needs to be on the Background layer and the Pasteboard Background set to Fixed. I did something similar here http://collector-vehicle-appraisals-of-newmexico.com/ The car graphic is on the Background Layer and everything scrolls over that image.

Hi Gary, yeah I'm still playing with this. I tried the way you suggested but I cannot get the 2nd picture (counter with microwave) to show up the way it is in Ian's example, so you will see in the attached that I had to add a parallax to the 2nd picture to get it to move but the total look is not the same. What am I missing?

Hi Ian, I'm convinced there must be a way, the impossible usually takes a little bit longer.

Ciao

Roly

**Egg Bramhill** · 12 October 2016, 03:14 AM

Hi Roly, the fixed image being revealed from the bottom up has been bugging me for days. I can get the bottom image to reveal but I just can't get the top image to work at all. Here's the progress so far.

**roly** · 12 October 2016, 06:25 AM

Hi guys, I'm up to v8, that's enough tomato juice for a day. I'm still using a parallax because I have no other solutions. I think it's a bit better than v7, but no way near as clean as Ian's example. Egg I played with your example but I have nothing more to add.

Ciao

Roly

**roly** · 12 October 2016, 07:55 AM

Hi guys, no more parallax, getting closer. Time for some shut eye. See attachment.

Ciao

Roly

**iannicholson** · 12 October 2016, 09:55 AM

Sterling effort, gentlemen!

The perplexing thing is those images in the middle of the page. It's like those 'before/after' images where you slide the line across the two images to reveal one and hide the other.

Here's an example.

http://thenewcode.com/819/A-Before-A...ntrol-in-HTML5

Except here, it is happening with the page scroll - which I think is clever and looks real cool!

Perhaps the above example sheds a clue?