jfMagnify를 사용하여 웹 페이지에 확대 효과 추가

많이있다. 무료 확대 / 축소 플러그인 저것은 믿을 수 없을만큼 잘 작동한다. 그러나 이들 대부분은 이미지 용으로 제작 됨 방향을 지정합니다. 이미지 전용 콘텐츠.

네가 할 수 있다면 어쩌지? 확대경 추가 웹 페이지의 모든 부분에? 감사합니다. jfMagnify, 너는 할 수있다..

그것은 무료 jQuery 플러그인 이는 이미지 확대뿐만 아니라 이미지 확대도 지원합니다. 전체 페이지 확대 / 축소. 몇 가지 플러그인 중 하나이기 때문에 배율을 선택하십시오. 과 터치 이벤트 지원 모바일 사용자를위한.

이 플러그인은 약간 무겁다는 것을 알 수 있습니다. 두 가지 종속성에 의존합니다.: 정규 jQuery 과 jQuery UI. 이것들은 jfMagnify가 제대로 작동하기 위해 필요합니다. 말할 것도없이 실제 jfMagnify 스크립트 당신은 귀하의 페이지에 포함시켜야합니다..

확대 된 요소 만 대상으로 할 수 있으므로 설정이 약간 까다 롭습니다. 컨테이너 안에서. 전체 페이지를 타겟팅하려는 경우 전체 웹 사이트에 수업 포함.

다음은 jQuery 한 줄 다음과 같이 보일 것입니다 :

 $ ( ". magnify"). jfMagnify (); 

이 목표 내부 모든 요소 .확대하다 컨테이너 보통은 div 요소.

이러한 내부 요소는 이미지 일 수 있지만 작은 글씨를 포함한다., 사이트 이용 약관 또는 개인 정보 취급 방침 페이지 등. 모든 문서는 GitHub 레포에서 사용할 수 있습니다., 한 번 설정하면 전체 프로세스가 훨씬 쉬워집니다..

또한,이 플러그인은 매우 변덕스럽고 함께 제공됩니다. 많은 컨테이너 규칙들. 예를 들어, 컨테이너 요소 정적 CSS 위치를 가질 수 없습니다., 그래서 상대적인 것, 절대적이거나 고정적이어야합니다..

너는 할 수있다. 모든 기본 스타일 규칙 찾기 GitHub 레포에서는 레이아웃이 이미 생성되고 실행중인 경우 사용자 정의하는 것이 어려울 수 있습니다. jfMagnify의 이점은 나에게있어 그만한 가치가있다. 실제로, 그것은 당신의 필요와 당신이 인터페이스를 좋아하는지 여부에 달려 있습니다..

GitHub의 문서를보고 귀하의 의견을 확인하십시오. 그리고, 당신은 또한 인터페이스 미리보기 CodePen을 설치하기 전에 작동중인 라이브러리를보고 싶다면 CodePen에 설치하십시오..