jqzoom 그림 증폭기 코드

jqzoom 이미지 증폭기 코드, 제품 이미지 표시에 적합, 주류 브라우저와 호환, PHP 중국어 웹사이트에서 다운로드하는 것이 좋습니다!
사용 방법:
1. 헤드 영역 소개
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2. js 라이브러리를 소개합니다
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3. jqzoom 함수 라이브러리 호출
<스크립트 유형="텍스트/자바스크립트">
$(함수() {
변수 옵션 =
{
ZoomWidth: 250, //돋보기의 너비
ZoomHeight: 250,//돋보기의 높이
ZoomType:'reverse'
};
$(".jqzoom").jqzoom(옵션);
});


구성 매개변수:
ZoomType, 기본값: 'standard', 다른 값은 'reverse', 원본 이미지를 반투명 레이어로 덮을지 여부입니다.
ZoomWidth, 기본값: 200, 확대된 창의 너비.
ZoomHeight, 기본값: 200, 확대된 창의 높이.
xOffset, 기본값: 10, 원본 이미지를 기준으로 확대 창의 x축 오프셋 값은 음수일 수 있습니다.
yOffset, 기본값: 0, 원본 이미지에 대한 확대 창의 y축 오프셋 값은 음수일 수 있습니다.
position, 기본값: 'right', 확대된 창의 위치, 값은 'right', 'left', 'top', 'bottom'일 수도 있습니다.
렌즈, 기본값: true, false인 경우 원본 이미지에 렌즈가 표시되지 않습니다.
imageOpacity, 기본값: 0.2, ZoomType 값이 'reverse'인 경우 이 매개변수는 마스크의 투명도를 지정하는 데 사용됩니다.
title, 기본값: true, 확대 창에 제목을 표시합니다. 값은 a 마크의 제목 값일 수 있으며, 그렇지 않은 경우 원본 이미지의 제목 값입니다.
showEffect, 기본값: 'show', 창이 확대될 때 효과를 표시하며 값은 'show', 'fadein'일 수 있습니다.
hideEffect, 기본값: 'hide', 확대된 창을 숨길 때 효과: 'hide', 'fadeout'.
fadeinSpeed, 기본값: 'fast', 확대된 창의 페이드인 속도(옵션: 'fast', 'slow', 'medium').
fadeoutSpeed, 기본값: 'slow', 확대된 창의 페이드아웃 속도(옵션: 'fast', 'slow', 'medium').
showPreload, 기본값: true, 로딩 프롬프트 표시 여부 로딩 확대/축소(옵션: 'true', 'false').
preloadText, 기본값: '확대/축소 로드 중', 사용자 정의 로딩 프롬프트 텍스트.
preloadPosition, 기본값: 'center', 로딩 프롬프트의 위치, 값은 CSS를 통해 위치를 지정하기 위해 'bycss'일 수도 있습니다.