JQuery 플러그인을 사용한 재미 -

jQuery 라이브러리는 독자적으로 인상적입니다. jQuery UI 및 jQuery Mobile을 사용하면이 도구가 얼마나 강력한 지 알 수 있습니다. 그러나 그것이 전부는 아닙니다. jQuery의 개발자는 제 3자가 jQuery에 plug - ins 라는 새로운 확장자를 쉽게 추가 할 수 있도록하는 놀라운 확장 메커니즘을 구축했습니다.

각 플러그인의 세부 사항은 다양하지만 일반적으로 플러그인을 작동 시키려면 다음을 수행해야합니다.

jQuery에 링크.

이 모든 플러그인은 jQuery의 기능을 확장하므로 사이트에서 jQuery를 사용한다는 가정하에 시작됩니다.
추가 도서관을 다운로드하십시오.

플러그인은 주로 자바 스크립트 파일이므로 사용자의 서버에 플러그인을 설치하거나 링크를 만듭니다. 일부 플러그인에는 추가 파일과 지침이 포함되어 있으므로 플러그인 기본 페이지에서 자세한 내용을 확인하십시오.
->
init () 함수를 추가하십시오.

대부분의 jQuery 페이지에는 일종의 초기화가 있으며 거의 모든 플러그인을 초기화해야합니다. 정상적인 방법으로 init () 함수를 추가해야합니다.
적절한 jQuery 함수를 호출하십시오.

대부분의 플러그인은 jQuery에 새로운 기능을 추가하기 만합니다. 대부분의 경우 플러그인을 실행하려면 페이지의 노드에 새 jQuery 함수를 적용하기 만하면됩니다.
->

말 그대로 수백, 수백 가지의 유용한 플러그인이 있습니다. Andy 's Books에서 여러 장을 볼 수 있습니다. jQuery Plugin Registry에서 더 많은 플러그인을 찾을 수있다.

ipwEditor

이 멋진 플러그인으로 웹 페이지의 일부를 편집 할 수 있습니다. FCKedit 도구를 사용하여 간단한 편집 양식이나보다 정교한 형식을 선택할 수 있습니다. (이 도구로 게임을 시작한 후에는 아마 사용자로 수십 번 사용했기 때문에 즉시 인식 할 수 있습니다.) ipwEditor는 페이지를 저장하지 않습니다. 이를 위해서는 여전히 AJAX와 서버 측 코딩이 필요합니다. 그러나 이것은 단순한 CMS를 구축하는 매우 쉬운 방법입니다.

Flot

때때로 웹 페이지는 일종의 데이터를 표시해야합니다. 사용할 수있는 강력한 그래프 플러그인이 많이 있습니다. 쉽고 강력한 옵션 중 하나는 Flot입니다.

flot 프로그램을 사용하면 2D 데이터 배열에서 차트를 작성할 수 있습니다. 데이터베이스에서 데이터를 추출하거나 사용자로부터 데이터를 수집 할 수 있습니다. flot 플러그인은 캔버스를 만들고 여러 표준 차트 중 하나를 생성합니다. 사이트에서 실시간 그래프 작업을해야하는 경우 특히 유용한 도구입니다.

클라우드

최근에는 데이터 시각화 를 제공하거나 데이터를 표현하는 방법이 널리 보급되었습니다.이러한 메커니즘 중 하나가 태그 클라우드 입니다. 기본적으로이 도구는 세미 임의의 위치에 여러 단어를 배치합니다. 일반적인 태그 클라우드에서 단어의 위치, 크기 및 색상은 용어의 상대적 강도와 관계를 나타내는 데 사용됩니다. 클라우드 jQuery 플러그인을 사용하면 자신 만의 태그 클라우드를 쉽게 만들 수 있습니다. 모든 HTML 목록을 태그 클라우드로 변환 할 수 있습니다. 선택적 value 속성을 목록의 각

요소에 추가하기 만하면 플러그인은 값에 따라 요소의 크기와 가중치를 자동으로 변경합니다.

테이블 작성기

AJAX 프로그램은 자주 HTML 테이블에 표시되는 데이터 검색과 관련이 있습니다. Tablesorter 플러그인을 사용하면 표제를 클릭하여 표를 쉽게 정렬 할 수 있습니다.

사용자가 이름 머리글을 클릭하면 표가 알파벳순으로 이름순으로 정렬됩니다. 첫 번째 이름 머리글을 다시 클릭하면 이름이 역순으로 정렬됩니다. tablesorter의 기본 동작을 통해 모든 헤더 필드별로 정렬 할 수 있습니다.

Droppy

드롭 다운 메뉴는 웹 사이트에서 중요한 유용 도구가되었습니다. 이 기능을 처리 할 수있는 수백 가지 jQuery 플러그인이 있습니다. 하나의 좋은 선택은 사용하기가 매우 쉽기 때문에 줄무늬 입니다.

대부분의 네비게이션 시스템은 궁극적으로 중첩 된 링크 목록입니다. droppy 플러그인은 여러 개의 링크 (원하는대로 깊게 중첩)로 ul을 가져 와서 멋지게 형식화 된 드롭 다운 메뉴로 바꿉니다.

갤러리아

이미지 갤러리는 또 다른 인기있는 플러그인 주제입니다. 많은 이미지 갤러리로 게임을 할 수 있습니다. Galleria는 인기 있고 강력한 이미지 갤러리이며 서버 측 스크립팅이 필요하지 않습니다.

기본 이미지 갤러리에는 다음과 같은 멋진 기능이 있습니다.

이미지가 미리로드됩니다. 페이지가 초기화 될 때 각 이미지가 메모리에로드되므로 사용자가 이미지를 전환 할 때 지연이 없습니다.
갤러리 도구는 축소판 이미지를 자동으로 만듭니다. 작은 인덱스 (축소판) 이미지가 자동으로 만들어져 페이지에 추가됩니다.
미리보기 이미지를 클릭하면보기 영역으로 확장됩니다. 큰보기 영역에는 현재 이미지의 더 큰 버전이 포함됩니다.
보기 영역을 클릭하면 다음 이미지를 볼 수 있습니다. 기본 동작을 사용하면 마우스 클릭으로 이미지를 쉽게 순환 할 수 있습니다.
출력은 CSS를 기반으로합니다. 포함 된 CSS 파일을 사용하여 축소판 그림과 방법 및 위치, 표시 이미지의 크기 등 페이지의 표시를 관리합니다.
많은 옵션이 있습니다: 갤러리아 플러그인은 매우 맞춤 설정할 수 있습니다. 그것은 많은 고급 옵션을 제공합니다. 자세한 내용은 설명서를 확인하십시오.

갤러리아 사용은 다른 jQuery 플러그인과 매우 비슷합니다. 적절한 스크립트를 추가하고 기본 HTML을 작성한 후 마법의 jQuery 노드를 추가하십시오.

스크립트를 가져옵니다.

jquery뿐 아니라 언제나 jQuery가 필요합니다. 갤러리아 및 갤러리아. CSS 스타일 시트.
이미지 목록을 만듭니다.

각 목록 항목을 이미지로 만듭니다.
galleria () 노드를 목록에 추가합니다.

그게 당신이해야 할 전부입니다.
옵션으로 재생합니다.

사용자가 미리보기 이미지를 사용하고, 출력 컨테이너를 지정하고, 이미지 또는 축소판을 선택할 때 콜백 함수를 실행할 수있는 기능을 포함하여 문서를 살펴보십시오.