웹 사이트에 drupal을 사용하고 있고 노드를 표시하는보기 모듈이있는 격자를 만들었습니다.DRUPAL,보기 모듈 : 그리드의 열 수를 동적으로 변경할 수 있습니까?
동적으로 브라우저 너비에 따라 자바 스크립트를 사용하여 그리드의 열 수를 변경할 수 있습니까?
현재로서는 백엔드에서만 지정할 수 있습니다.
감사합니다.
웹 사이트에 drupal을 사용하고 있고 노드를 표시하는보기 모듈이있는 격자를 만들었습니다.DRUPAL,보기 모듈 : 그리드의 열 수를 동적으로 변경할 수 있습니까?
동적으로 브라우저 너비에 따라 자바 스크립트를 사용하여 그리드의 열 수를 변경할 수 있습니까?
현재로서는 백엔드에서만 지정할 수 있습니다.
감사합니다.
내가이 멋진 jQuery 플러그인으로 해결했습니다 : - : http://drupalcontrib.org/api/function/cck_gallery_preprocess_node/6
신경 끄시 고, 나는 당신이 그것을하고 싶은 참조 http://welcome.totheinter.net/columnizer-jquery-plugin/
javescript로 원하는만큼 DOM을 다시 작성할 수 있습니다. JavaScript로 거의 모든 것을 할 수 있습니다. 그러나 브라우저를 감지하는 것은 약간 까다로울 수 있습니다. 그러나 이것은 Drupal 또는 Views 모듈과 관련이 없습니다.
난 그냥이 자신에보고 있었다 나는 이것이 당신이 원하는 것을 믿는다 JS가 아닌 PHP를 통해.
왜 여분의 오버 헤드가 발생합니까? 자바 스크립트를 사용 중지하면 문제가 발생합니다. 직원 사진을 표시 할 때도 이와 동일한 문제가있었습니다.
보기 표시 스타일 격자가 아닌보기 표시 스타일을 서식없는 형식으로 지정하십시오. 그런 다음 Firefox에서 Firebug 플러그인을 사용하여 컨텐츠가 포함 된 div를 검사하고 float : left; 그 스타일.
예 :
div#content div.view-display-id-page_4 div.views-row {
float: left; // floats left so they fit the space
margin: 0 20px 20px 0; // gives them breathing room
position: relative;
width: 150px; // or whatever you need for your content
height: 250px; // or whatever you need, prevents 'stacking' elements
}
은 브라우저 폭 흐르고, 불필요한 오버 헤드는 없다.
내가 동적 열 자바 스크립트 스크립트 (필요한 경우, 그렇지 않으면 그냥 CSS를 찾을 수 있습니다) 알아요? 이들은 기능 제가 필요 1) 열의 폭이 고정되어 2) 열 번호가 윈도우 폭 3) 요소는 고정되지 않은 높이 4) 컨텐츠 가능성 수직이어야에 따라 분산 된 – aneuryzm