iziModal.js - 진정한 동적 모달 윈도우 jQuery 플러그인

대부분의 모달 창은 방문자를 산만하게하고 성가 시게한다. 와 옵트 인 필드 과 원하지 않는 거래. 이러한 모달은 종종 전체 페이지를 차지하고 끔찍하게 보이며 창을 닫을 명확한 방법을 제공하지 않습니다. 고맙게도, iziModal.js 정반대의.

그것은 내가 본 중 가장 세련된 모달 윈도우 플러그인 중 하나이며 모달과 다시 상호 작용하게되어 흥분됩니다..

iziModal.js는 jQuery 플러그인 그래서 너는 필요 없어. jQuery 라이브러리 사본 이 일을하기 위해서. 하지만 꽤 가벼운 너는 외부에 도서관을 포함시키다. CDNJS에서.

이 플러그인은 다음과 함께 제공됩니다. 많이 다양한 옵션 중. 옵션을에 전달할 수 있습니다. 모달 크기 스타일, 프레임 유형 및 애니메이션. 하지만 당신은 또한 콜백 함수 만들기 사용자가 모달을 닫거나 특정 요소를 클릭하면.

찾을 수 있습니다. 많은 예제들 CodePen에 있지만 정말 좋아해요. iziModal의 홈페이지에서 호스팅되는 데모. 구체적으로 iframe 삽입 옵션 그것이있는 곳 자동 재생 Vimeo 플레이어 모달에 대기 중이다..

디자인은 훌륭하고 모달은 실제로 그렇게 느껴집니다. 인터페이스의 일부. 애니메이션의 품질 또한 인상적입니다. CSS3 및 jQuery.

기본 플러그인 페이지에서 코드 스 니펫이있는 설명서 테이블 사용 가능한 각 데모에 대해 여기에 코드의 가장 짧은 비트 모달 윈도우 팝업에 사용하기.

 $ (document) .on ( 'click', '.trigger', function (event) event.preventDefault (); $ ( '# modal'). iziModal ( 'open');); 

그만큼 iziModal () 기능에있다 45 가지 이상의 옵션 에 전달할 수있는 모달 창 맞춤 설정. 또한 갖는다 맞춤 이벤트 할 수있는 트리거 기능 모달이 열리거나 닫히거나 전체 화면으로 전환되는 것처럼.

이것은 믿을 수 없을 정도로 방대한 프로젝트이며, 내가 좋아하는 모달 윈도우 플러그인 중 하나입니다. 디자인과 유용성의 관점.

소스의 복사본을 가져 오려면 다음 중 하나를 수행 할 수 있습니다. npm을 통해 당겨 라. 또는 GitHub에서 다운로드. 플러그인에 대한 제안 사항이 있거나 감사의 말을 전하고 싶다면 작성자 인 Marcelo Dolce @ marcelodolce를 트윗 할 수 있습니다..