How to make this Flipping card happen in the xara web designer?

I tried to create a widget from it.
Drag the file widget_dwFlip_v1.xar to your design, resize the widget to your needs and edit it to change the content. You can also give it a link the usual way.
When editing you will find two groups which represent the front and back of the widget.
See example file.
Don't blame me if it doesn't work as expected. I just copied the css from the given link and removed some stuff.
To change the speed of the flipping you will have to edit the css file in the widget file and re-import it...

Siran,

Thanks your effort for this widget, this helps me a lot to do the whole project, original maybe have to waste 2 or 3 screen to browser it, but this way I can use one screen to display the group . Thank you so much.

Best,

Alexia

Happy you think it is useful.
Here is a new version that allows to set the flipping speed and to use vertical flipping.

That's cool Siran. I must admit I got lost due to the zoom factor of dwFlip_2. I failed to see the options for vert/horiz flips or timing due to the zoom factor. Just stating that it's a hard learning curve for newbies (& me) to follow.

Sorry for that Egg. I'm not very good at widgets. Will try to remember for the next time.

Please don't apologise siran. I merely wanted to point out what I was seeing.

Re-arranged things a bit to avoid the problem you described.

Quote:

---

Sorry for that Egg. I'm not very good at widgets.

---

Siran - You are entirely too modest.

Hi Siran,

Thank you very much, you are a perfectionist! =D>
Best,

Alexia

I don't think so Gary. I just took one of the photo hover widgets and made some changes to it. By chance it somehow worked. I really don't know what is going on there. For example I would have changed the widget picture that appears initially when dragged to the page, if I only knew how...