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.
First of all I do realize that flash is what would generally be used for something like this although there has to be a way in php. I have noticed that if I lap tables and use images as backgrounds that I can lay them one on top of another. This being said I am now trying to figure out how to overlap tables based on user input. Otherwise I have to create a million possible combinations. Any help or advise would be appriciated .... also once I have a good layout I will start posting the pages and sections for others to use as well as getting more input. Thank you, Moki Mofiki
I think you may have a look on Qcodo framework. There are some examples about drag n drop, ajax stuff. I am not really sure what you expect here. http://examples.qcodo.com/examples/advanced_ajax/move.php Please let me know if you want to know more about Qcodo. I am still writing php/qcodo tutorials from the ground up. I converted my traditional php programming style into Qcodo style since last year. I found it very useful.
Okay here goes .... I have some thoughts but need organization for sure. Index.php <html> <center> <body> <table width="700" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="200"><?php include("leftmenu.php"); ?></td> <td width="500"><?php include("workarea.php"); ?></td> </tr> </table> </center> </body> </html> Code (markup): leftmenu.php <br> <u><b>Shutters</b></u><br> None<br> <a href="shuttersred.php">Red</a><br> <a href="shuttersblue.php">Blue</a><br> <a href="shuttersblack.php">Black</a><br> <br> <u><b>Shingles</b></u><br> <a href="shinglesgray.php">Gray</a><br> <a href="shinglesblack.php">Black</a><br> <a href="shinglesbrown.php">Brown</a><br> <br> Code (markup): workarea.php <center> <table width="440" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <table width="448" height="301" border="0" cellpadding="0" cellspacing="0" background="homes/808/808.jpg"> <tr> <td> </td> </tr> </table> </td> </tr> </table> </center> Code (markup): I know what I have above is barely considered a start although I don't want to get going too far without a little structure. As you can see from the work area I have the starting image as a background. As a link in the leftmenu.php is clicked I would like it to add another table with the a new background image into the <td></td> of the workarea. And after that has been added the links to the left will still be there allowing the use to them click something else to add that in the new tables <td></td> After the second link to the left is clicked there would be a table inside a table inside a table then showing three images on top of each other.