"Dress the table" ideas?

G

guest2013-1

guest
Joined
Aug 22, 2003
Messages
19,800
Reaction score
13
Hi, client requested I do a little dev work in flash for them to basically dress a table to see color combination of linen and pillows on a bed would look like.

I really dont want to do this in flash and I'm trying to extend their CMS to be capable of doing this for all products by just uploading a series of images and basically have them lie on top of a "base" image (the bed). All of them would have transparent backgrounds so the base is still visible while you add the changes. Basically layering everything on top of each other with different combinations so that the client has a visual representation of different combinations of items.

I'm finding it difficult to find examples of how this is done in CSS/JavaScript. Anyone have any idea?

I'm too lazy to start doing this from scratch myself.
 
I'd recommend just swapping out PNGs on different "layers" on the page. I'm sure you know you can just specify the z-index of the elements for top/bottom ordering. It shouldn't be too difficult to do...

You can have a few different absolutely placed elements in an order like:
<img id="base" style="z-index:100" /> *represents the table*
<img id="firstdressing" style="z-index:101" /> *represents the table-cloth*
<img id="seconddressing" style="z-index:102" /> *could represent a second table-cloth*
<img id="firstdecoration" style="z-index:103" /> *could represent place-mats? *
<img id="seconddecoration" style="z-index:104" /> *could represents flowers or a bowl*

You could then just change the src attribute of each img element based on the option the user clicks.

You're really in a lazy mood today, aren't you? :p
 
Last edited:
there is nothing wrong with flash, these type of tiny little things are almost the best for flash and make it look extremely professional if its done right, doing an entire site in flash is another story that i dont agree with.
 
flash means someone needs to either create a new flash file for each product they'd like the ability to give it to, or if you give them the stuff, a chance for them to be confused.

If I make it easy as in uploading a couple of pictures, giving them titles and an order for appearance, I doubt it would be that difficult and they can then leave me alone to do other stuff

like i said, I'm in a lazy mood today
 
Instead of order of appearance, have them upload the as categories, i.e. "Table" or "Table-cloth" or "Decoration". Your website would be smart enough to know where to put them. Sounds like a fun project though. I love doing stuff like that... :)
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X