jstree jquery plugin images를 어디에서 찾을 수 있습니까?

Question

나는 jstree, 트리 뷰를 만드는 jquery 플러그인을 시험하고있다. 그것은 잘 작동하지만, 그것의 내부 동작의 일부를 얻을 수 없습니다. 그리고 겉으로보기에 단순한 것은 나를 미친 듯이 괴롭 힙니다. 폴더 아이콘 등의 이미지는 어디서 왔습니까? 즉, 테마를 정의하지 않더라도 결과의 폴더에 대한 기본 아이콘이 여전히 있음을 의미합니다. 그리고 사과를 테마로 변경하면 아이콘이 바뀝니다. 그러나 나는이 이미지들이 어디서 왔는지 전혀 모른다. 나는 테마 CSS 파일에서 그들에 대한 참조를 찾을 것으로 기대했을 지 모르지만 나는 그렇지 않다.

누군가가 이것을 설명 할 수 있으면 좋겠다. 그리고 그들에게 참조하고 변경할 수있는 방법을 가르쳐 주면 고맙겠습니다! 특히, 닫힌 폴더와 열려있는 폴더에 대한 아이콘이 하나씩 있도록 아이콘을 변경할 수 있어야합니다.

Answer 1

jsTree는 코어 CSS를 페이지에 삽입합니다. 원본을 보시면 기본 테마를 사용하고 .js 위치와 관련된 이미지를 찾습니다.

당신은 당신이 모든 일이 일어나는 경우, 단지 브라우저가 url(의 소스보고뿐만 아니라 아이콘을 설정하는 다양한 플러그인을 볼 수는 소스 여기에 또한 http://code.google.com/p/jstree/source/browse/trunk/jquery.jstree.js#259

소스에서이 일을 볼 수 있습니다.

.jstree-apple ins { background-image:url("d.png"); background-repeat:no-repeat; } 

: 이미지 자체에 관해서는

---

는 항상 테마 아이콘 d.png라는 하나 개의 이미지 파일이있어, 모든 아이콘은, 예를 들면의이 사과 아이콘을 살펴 보자, 그것은 CSS sprite map이다, 여기에서 행진

.jstree-apple .jstree-open > ins { background-position:-72px 0; } 
.jstree-apple .jstree-closed > ins { background-position:-54px 0; } 
.jstree-apple .jstree-leaf > ins { background-position:-36px 0; } 

: 모든 <ins> 요소에 대해

는 예를 들어, 그냥 스프라이트 맵의 위치를 ​​조정할 수 있습니다 노드의 여러 유형에 대해 다음 배경을 설정합니다

이것은 CSS 스프라이트가 작동하는 방식으로, 하나의 이미지를 사용하고 작은 부분을 봅니다 ... 다른 아이콘은 이미지의 다른 위치에서 시작하여 아이콘 크기와 동일한 작은 부분입니다.