jqzoom 그림 증폭기 코드
사용 방법:
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'일 수도 있습니다.
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
29 Jul 2016
ppt 그림 투명도: ppt 그림 투명도 php 그림에 투명도 그라디언트 추가 효과: 코드 복사 코드는 다음과 같습니다: <?php ////$strimgsrc = file_get_contents("http://127.0.0.1/5307754. jpg"); ////$imgsrc = imagecreatefromstring($strimgsrc); $imgsrc = imagecreatefromjpeg("5307754.jpg"); $imgsrcw = 이미지x
PHP jquery 폭포 흐름 LightBox 그림 상자 특수 효과
13 Mar 2017
: PHP jquery 폭포 흐름 LightBox 그림 상자 특수 효과: 요즘 웹사이트 작업을 하다보니 많은 사진을 포맷해야 해서 폭포 흐름을 생각했는데 폭포 흐름이 구현됐는데 큰 그림을 봐야 해서.. 폭포 흐름과 LightBox 사진이 잘 통합되어 있습니다. 라이트박스를 사용하여 현재 페이지의 폭포 흐름에서 축소판을 확대할 수 있습니다. 공식 웹사이트: http://www.codesc.net 데모 주소: http://www.codesc.net/other/waterwall_lightbox/index.php
29 Jul 2016
png 그림: png 그림 텍스트를 생성하는 PHP 코드 png 그림: 다음과 같이 코드 코드를 복사합니다: <? /* PHP가 텍스트 png 그림을 생성합니다. 다음 방법을 사용하여 함수를 호출할 수 있습니다. /text_png.php3?msg =helloworld class&rot=15&size=48&f/ARIAL.TTF */ Header("콘텐츠 유형: 이미지/png") class textPNG { var $font =
29 Jul 2016
iframe 사용법: iframe 사용법 php는 iframe을 사용하여 새로 고침 없이 파일을 업로드하는 코드를 구현합니다. 다음과 같이 코드를 복사합니다: <html> head> <title>새로 고침 없이 파일 업로드 </title> <meta Content-type="text/html " charset="utf-8" /> <script type="text/webpage 특수 효과"> function startUpload() { docu
29 Jul 2016
PHP 배열: PHP 배열 PHP 배열은 기사에 키워드를 추가하여 기사 내용에 대한 링크를 자동으로 추가합니다. 다음과 같이 코드를 복사합니다. <?php $keys =array( array('웹 페이지 특수 효과','/js_a/js. html'), 배열('seo','/seo/seo.html'), 배열('php','/phper/php.html'), 배열('jsp','/jsp/jsp.html' ), array(' asp','/asp/asp.html'), array('ps','/f
Douyin의 AI 도구는 무엇입니까?
29 Nov 2024
Douyin은 지능형 편집, 비디오 특수 효과, 자막 생성, 표지 생성 및 기타 보조 콘텐츠 생성을 포함하여 제작자가 콘텐츠를 쉽게 생성, 편집 및 홍보할 수 있도록 돕는 다양한 자체 AI 도구를 제공합니다. 지능형 추천, 콘텐츠 검토 및 제작 지원 도구는 콘텐츠 품질과 배포 효율성을 향상시킵니다. 음성 체인저 등이 콘텐츠에 흥미를 더해줍니다.
Hot Tools
jQuery 3D 그림 슬라이더 회전식 효과
jQuery를 기반으로 한 3D 이미지 슬라이더 캐러셀 효과
마우스가 사진을 통과할 때 멋진 전환 애니메이션을 구현하는 순수 CSS
순수 CSS를 사용하면 마우스가 사진을 통과할 때 멋진 전환 애니메이션 코드 다운로드가 가능합니다.
시차 효과가 있는 HTML5 이미지 회전식 플러그인
시차 효과가 있는 HTML5 그림 회전판 플러그인으로, 마우스로 그림을 제어하고 그림 회전판을 스크롤할 때 멋진 시각적 차이 효과를 생성할 수 있습니다.
B 사이트 헤더 이미지 대화형 마우스 호버 피사계 심도 초점 효과
B 사이트 헤더 이미지에 대한 대화형 마우스 오버 피사계 심도 초점 효과 웹페이지 특수 효과입니다.
CSS3 마우스 오버 이미지 효과
CSS3 마우스오버 이미지 효과