2012-07-23 2 views
0

사용자가 요소 (예 : 비디오 또는 이미지)를 HTML 페이지 화면의 원하는 위치로 끌 수있는 인터페이스가 있습니다. 사용자가 요소를 배치하면 z- 인덱스 위치가 저장됩니다 (x- 위치, y- 위치, 너비 및 높이).Z- 인덱스가 포함 된 유체 레이아웃

내 고객은 다른 화면 해상도 (iphone, ipad, 태블릿 및 기타)로 볼 때 위치가 변경되는 유동 레이아웃 방식이어야하는이 요구 사항을 충족해야합니다. 이것이 가능한가? 누군가 나 한테 조언 해 줄 수 있니, 제발.

+1

: 그리고 당신은 내가 무엇을 의미하는지에 관해 알기 위해이 코드를 사용할 수 있습니다

... 그가에 낙하하는 요소가 무엇인지 볼 (flex 상자 모델에서는 여러 개의 '상자'를 정의하고 동적으로 레이아웃하기 위해 사용할 수 있습니다.) –

+0

재미있는 것 같습니다. 당신이 내가 당신을 투표 할 수 있도록 정교하고 그것을 대답하는 것을 도와 줄 수 있겠습니까 :) – madi

답변

1

x, y 위치를 저장하면 위의 현재 상자가 무엇인지 계산할 수 있습니다 (플렉스 상자 모델에서 여러 개의 '상자'를 정의하고 동적으로 배치하는 데 사용할 수 있음). 아이디어는 draggable obj를 가져가는 것입니다. 당신은 X를 저장하면, y 위치는 다음 현재 상자가 무엇인지 계산할 수 http://jsfiddle.net/greenido/pFsCL/