html 및 js 사각형 크기 조정 문제

나는이 사진 콜라주를 개발 중입니다. [1] : http://www.fotor.com/features/collage.html 그러나 저는 JavaScript와 HTML을 사용하여 문제를 만들고 있습니다. 직면하고 있습니다. 직사각형의 크기를 동적으로 조정하고 싶습니다. 동적으로 나는 다른 사람이 크기를 조정할 수있는 사각형의 크기를 조정하면 아무도 도움이되거나 내게 어떤 솔루션을 제안 할 수 있습니까? 또는 js의 lib? 또는 누군가가 그것을 공유 할 수 있다면? 이 바이올린의html 및 js 사각형 크기 조정 문제

if (newSide != UNKNOWN) { 
    if (ndiv.resize(newSide, deltaX, deltaY)); { // 
     this.resizeNeighbours(newSide, ndiv, deltaX, deltaY); 
     calls.push({ 
      d: ndiv, 
      n: newSide, 
      dx: deltaX, 
      dy: deltaY 
     }); 
    } 
} //end if new side unknown 
} //end 
for 
for (i = 0; i < calls.length; i++) { 
    c = calls[i]; 
    this.autoSizeDivs(c.n, c.d, c.dx, c.dy, dep + 1); 
} 
} catch (e) { 
    console.log(e); 
} 
return true; 
}

출처

2013-08-26 Waleed Ahmed

예제 코드를 포함하십시오. – aross

if (newSide! = UNKNOWN) { if (ndiv.resize (newSide, deltaX, deltaY)); { //this.resizeNeighbours(newSide, ndiv, deltaX, deltaY); calls.push ({d : ndiv, n : newSide, dx : deltaX, dy : deltaY}); }} // 새로운 단부 측 알 } // 최종면 대 대 (I = 0; I

@WaleedAhmed 질문 아래 [edit link] (http://stackoverflow.com/posts/18445936/edit)를 사용하고 코드를 질문 본문에 추가하십시오. – bfavaretto

봐 : http://jsfiddle.net/f8DY8/28/ 및이 게시물을 살펴 : Expand a div to take the remaining width

<style> 
.rec{ 
    border:1px solid #249fea; 
    margin:3px; 
} 
.container 
{ 
    width:300px; 
    height:300px; 
    border:1px solid #ccc; 
} 
</style> 


<button id="changeWidthBtn">Change Width</button><br/> 

<div class="container"> 
    <div style="float:left;width:100px;height:200px;" class="rec" id="one">one</div> 
    <div style="overflow:hidden;height:50px;" class="rec">two</div> 
    <div class="rec" style="overflow:hidden;height:150px;">three</div> 
</div> 


<script> 
$("#changeWidthBtn").click(function(){ 
    $("#one").width("200px"); 
}); 
</script>

당신은 모든 이미지를 얻을, jQuery를의 도움으로, 다음 각 행에게 CSS 클래스를 제공 할 수 있습니다

출처

2013-08-26 14:15:43 noamtcohen

게시물을 보내 주셔서 감사하지만 링크를 열면 모든 직사각형의 높이와 너비가 [링크]와 같지 않다는 것을 알 수 있습니다 http://www.fotor.com/features/collage.html –

문제를 이해하고, 콜라주의 크기를 조정할 수 있지만 사진들 사이에 동일한 배급을 유지해야하는 이유는 무엇입니까? – noamtcohen

정확하게 비율이 아니지만 부모는 동일하게 유지되고 자식이 크기를 변경하면 링크를 확인합니까? –

CSS 셀렉터를 사용하는 행. 그런 다음 선택한 각 DOM 요소에서 크기 조정 함수를 호출합니다.

출처

2013-08-26 14:15:47

게시물 주셔서 감사하지만 링크를 열면 모든 직사각형의 높이와 너비가 [link] fotor.com/features/collage.html과 같지 않다는 것을 알 수 있습니다. –

html 및 js 사각형 크기 조정 문제

답변

관련 문제