Questione : Proporre la soluzione basata sul HTML CSS e Javascript per il problema riferito grafici

Voglio sviluppare un'applicazione in cui gli oggetti di immagine sono trascinati e regione disposta del into
another o mi avvicino all'altro objects.

per esempio dato l'oggetto fisso sono tabella della mobilia che è in se è semplicemente un'immagine grafica con l'acetato della priorità bassa definito. Ora voglio trascinare una sedia che è inoltre un'immagine con l'acetato quale l'immagine del png. Dipendendo dove trascino la sedia vicino alla tabella, determinate parti di sedia sono nascoste automaticamente dalla tabella appena come in una parola che reale esso i requisiti di would.

The sono: uso WebGL, SVG ecc o altre tecnologie di Flash
should di uso del
must non non ancora non ampiamente di sostegno da tutto il
platforms. il
Should non richiedere all'utente di caricare programmi oggetto una soluzione del browser plugin.

The dovrebbe essere basato sul Javascript (preferibilmente jQuery basato), HTML, CSS.
I sarebbe GIUSTO se lo IE 7 o il più vecchio IE non è sostenuto dal vostro solution.

Please propone la soluzione (quale che biblioteca di Javascript da usare) quello nella vostra esperienza reale fosse una soluzione di funzionamento non appena che cosa pensate che dovrebbe funzionare. O fornire almeno il consiglio che lo condurrebbe ad una soluzione conforme alle limitazioni di cui sopra. Ancora dovrebbe essere qualcosa che sia allineare utile basato sul vostro experience.
class= del

Risposta : Proporre la soluzione basata sul HTML CSS e Javascript per il problema riferito grafici

Così che cosa suona come voi realmente sta volendo è questo http://v3.planningwiz.com/ ma non nel flash.  (a proposito, scattare sopra gli esempi di sinistra dei programmi per vederlo nell'azione)


>Voglio sviluppare un'applicazione in cui gli oggetti di immagine sono trascinati e disposti
un'altra regione o si avvicina ad altri oggetti fissi.

Ciò sarà fatta via la funzione del draggle di jquery

>Ora voglio trascinare una sedia che è inoltre un'immagine con l'acetato quale l'immagine del png. Dipendendo dove trascino la sedia vicino alla tabella, determinate parti di sedia sono nascoste automaticamente dalla tabella appena come in una parola che reale.

Ciò sarà fatta mediante il cambiamento dello zindex della vostra immagine con sopra sopra si scatta così una volta che vi scattate nell'immagine, esso sarà in cima a tutte le altre immagini.  http://stackoverflow.com/questions/890191/can-you-change-z-index-with-js-in-ie8

Potete anche assegnare i valori dello zindex nel vostro codice in modo che una sedia per esempio sia sempre sotto una tabella.  Ci è un grande jquery facile alimentabile per questo http://plugins.jquery.com/project/drag che gli esempi sono http://threedubmedia.com/code/event/drag/demo/ e se trovate quello per zindex che contribuirà a dargli un suggerimento di che cosa fare.

La chiave assegnerà i valori dello zindex ad ogni elemento del draggle per determinare che cosa va sulla parte superiore, sulla metà o sulla parte inferiore.  Potete scegliere di portarla sulla parte superiore con zindex una volta scattato ma andare indietro alla relativa condizione di difetto dopo che è liberata quale il caso con una tabella e una sedia in cui la sedia dovrebbe essere sotto la tabella.

Credo che il questo soddisfaccia le vostre esigenze basate su che cosa avete fornito finora.  Penso di qui devo cominciare costruire la vostra pagina e se richiedete gli esempi di codice di dove siete stuck, inviate il vostro codice in modo da possiamo vedere che cosa voi che lavorate con con alcune immagini del campione.

Suona come questo sarà un progetto piacevole da completare.

Altre soluzioni  
 
programming4us programming4us