Question : Proposer la solution basée sur HTML CSS et Javascript pour le problème connexe par graphiques

Je veux développer une application dans laquelle des objets d'image sont traînés et région placée de l'into
another ou m'approche de l'autre objects.

par exemple donné l'objet fixe est la table de meubles qui est elle-même est simplement une image graphique avec le transparent de fond défini. Maintenant je veux traîner une chaise qui est également une image avec le transparent tel que l'image de png. Dépendant où je traîne la chaise près de la table, certaines parties de chaise sont automatiquement cachées par la table juste comme dans un vrai mot qu'il les conditions de would.

The sont : utilisation de Flash
should d'utilisation du
must pas pas WebGL, SVG etc. ou d'autres technologies pas largement soutenues toujours par tout le
platforms. le
Should ne pas exiger de l'utilisateur de télécharger une solution du navigateur plugin.

The devrait être basé sur le Javascript (de préférence jQuery basé), HTML, CSS.
I serait CORRECT si IE 7 ou IE plus ancien ne sont pas soutenus par votre solution.

Please proposent la solution (telle que quelle bibliothèque de Javascript à employer) cela dans votre expérience réelle soit une solution de fonctionnement pas simplement ce que vous pensez qu'il devrait fonctionner. Ou fournir au moins les conseils qui me mèneraient à une solution sujet aux limitations ci-dessus. Encore elle devrait être quelque chose qui est vraiment utile basée sur votre experience.
class= de

Réponse : Proposer la solution basée sur HTML CSS et Javascript pour le problème connexe par graphiques

Ainsi ce qui ressemble cela à de vous veulent vraiment est ce http://v3.planningwiz.com/ mais pas dans le flash.  (d'ailleurs, cliquer dessus les exemples gauches des plans pour le voir dans l'action)


>Je veux développer une application dans dans laquelle des objets d'image sont traînés et placés
une autre région ou s'approchent d'autres objets fixes.

Ceci sera fait par l'intermédiaire de la fonction de draggle de jquery

>Maintenant je veux traîner une chaise qui est également une image avec le transparent tel que l'image de png. Dépendant où je traîne la chaise près de la table, certaines parties de chaise sont automatiquement cachées par la table juste comme dans un vrai mot qu'elle.

Ceci sera fait en changeant le zindex de votre image avec dessus cliquent dessus ainsi une fois que vous cliquez dans l'image, il sera sur toutes autres images.  http://stackoverflow.com/questions/890191/can-you-change-z-index-with-js-in-ie8

Vous pouvez également assigner des valeurs de zindex en votre code de sorte qu'une chaise par exemple soit toujours sous une table.  Il y a un grand jquery facile embrochable pour ce http://plugins.jquery.com/project/drag que les exemples sont http://threedubmedia.com/code/event/drag/demo/ et si vous trouvez celui pour le zindex qui aidera à te donner un conseil de quoi faire.

La clef assignera les valeurs de zindex à chaque article de draggle pour déterminer ce qui va sur le dessus, le milieu ou le fond.  Vous pouvez choisir de l'apporter sur le dessus avec le zindex une fois cliqué mais retourner à son état de défaut après qu'il soit libéré comme le cas avec une table et une chaise où la chaise devrait être sous la table.

Je crois que le ce répond à vos besoins basés sur ce que vous avez fourni jusqu'ici.  Je pense doit d'ici commencer à construire votre page et si vous avez besoin des exemples de code d'où vous êtes stuck, signalez votre code ainsi nous pouvons voir ce qui vous travaillant avec avec quelques images d'échantillon.

Cela ressemble à de ceci sera un projet gentil à accomplir.