Virtual Overlay?

They have: 1 posts

Joined: Jul 2008

I am interested in creating an interactive home buildup system that I need for a project that I am working on. Once this is completed I will be giving it away to anyone that will find a use for it.

Question: Is there a tutorial, program, or any information about overlaying images on the fly that anyone knows about?

Pages Use: When someone goes to a website there will be a default picture of a basic home. They may click on links that will change the siding color, add shutters, change windows, change a door, etc.

I can create the site and create the images but i'm not sure how to allow the images to stack and how to tell them where to stack. Any help would be greatly appriciated. Thank you.

Mofiki Software
Macro's and Automation Software
http://mofiki.com

He has: 698 posts

Joined: Jul 2005

That sounds to me, just by reading your brief, like a great little Flash applet that could be created. I think it could definitely be done with plain HTML and some JavaScript, but it would take a lot of positioning and probably use of z-indexes to work through the overlaying of certain images.

A little later I might try to do a small sample in HTML just to see if I can work out how to position images on the fly like that, but it's definitely doable. Wink

Kurtis

pr0gr4mm3r's picture

He has: 1,502 posts

Joined: Sep 2006

An alternative option would be to generate pictures for every combination available and then swap out the entire image when an option is changed. That may or may not be a feasible solution depending on how may options you have.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.