WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

ImageZoom - Responsive jQuery Image Zoom Plugin

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


ImageZoom - Responsive jQuery Image Zoom Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

개요

ImageZoom 이미지 줌 효과 jQuery 플러그인이다. 내부 모드, 표준 모드와 모드를 수행 그것은 이미지 줌 효과의 thrid 모드가 있습니다. 그것은 사용하기 쉬운 당신은 단지 하나의 이미지를 사용하거나 큰 이미지를 설정할 수 있습니다. 큰 이미지를 설정하면 당신은 (큰 이미지 너비 / 높이를 얻기 위해 마녀 사용하여 이미지로드 이벤트) 확대보기를 표시 할 다른 것보다 4 ~ 10 빠르다 참조 볼 수 있습니다. 당신은 그것을 볼 수있는 라이브 데모 페이지에서 imgfast 데모를 시도 할 수 있습니다. 그리고 ImageZoom은 회전 목마와 함께 사용할 수 있습니다. 이 옵션 및 방법 마녀 단지 필요한합시다을 많이하고있다. 그것을 즐기십시오 :)

특징

  • 응답! 당신은 당신이 반응 레이아웃에서 사용할 수 있습니다.
  • 세 줌 모드가 포함되어 있습니다. 이너 줌, 표준 줌, 줌에 따라
  • 빠른 imageload 이벤트보다 큰 너비 / 높이의 4 배 - 10 배를 가져옵니다.
  • 큰 이미지가 로딩 될 때 줌 뷰 크기가 조정 엄지 이미지를 사용합니다.
  • 부드러운 움직임. 확대보기 부드러운 이동합니다.
  • CSS 및 옵션으로 사용자 정의.
  • 유연한 옵션을 제공합니다.
  • 많은 방법 줌 객체를 제어하기 쉽습니다.
  • 프리로드 이미지 또는에는 없다.
  • elastislide 준비.와 ImageZoom 또한 응답 (사용자 정의 스킨 포함).
  • 크로스 브라우저
  • 시작과 끝 줌의 이벤트 콜백.
  • 스타일 정의하기 쉽습니다.
  • 많은 데모 및 documention은 다음과 같습니다.

옵션

  • 유형 :. 이미지 줌 모드 (내부, 표준, 다음) 기본값 : 내부
  • bigImageSrc :. 엄지 손가락 이미지에 전화 이미지 줌과이 옵션을 설정 큰 이미지로 확대 할 경우 기본값 : 널 (null)
  • smoothMove는 : zoomviewer의 이미지가 부드럽게 움직입니다. (참 / 거짓) 기본값 : 사실
  • 프리로드 :. ImageZoom는 큰 이미지를 미리로드가 기본값 : 사실
  • zoomSize :. 표준 모드의 ZoomView 크기와 모드에 따라 기본값 : [100100]
  • 오프셋 :. 설정은 표준 모드에 대한 zoomviewer의 오프셋 (offset) 기본값 : [10,0]를
  • 위치 : 세트 zoomviewer을 표시하려면 왼쪽 / 오른쪽 기본값 :. 못했습니다
  • (riginal 이미지 alignTo) 널 (null) : alignTo :. zoomviewer의 ID가 (표준 모드)에 정렬 설정 기본
  • descriptionClass :. coustom 설명 CSS 클래스 기본값 : 널 (null)
  • showDescription :. zoomimage 자동 이미지 설명을 표시 기본적는 true
  • zoomViewerClass :. 추적 모드와 표준 모드 기본에 대한 줌 뷰어의 coustom 클래스 : 널 (null)
  • zoomHandlerClass :. 표준 모드 줌 핸들러 영역의 coustom 클래스 기본값 : 널 (null) 문자열
  • 에서 onShow :. 이벤트 줌 시작 기본값 : 널 (null)
  • onHide :. 이벤트 줌 끝 기본값 : 널 (null)

ImageZoom 개체

  • OBJ. $ 뷰어 (jQuery를 요소 객체) 큰 이미지보기 표시 영역입니다.
  • OBJ. $ handlerArea (jQuery를 요소 개체)를 사용하여 표준 모드 엄지 손가락 이미지에 핸들러보기 쇼.
  • OBJ. $ 엘 (jQuery를 요소 객체) 당신이 그것에 ImageZoom라고 한 이미지입니다.
  • OBJ. $ largeImg (jQuery를 요소 객체) 줌 뷰어에 표시 큰 이미지.

방법

  • () 파괴 : imagezoom를 파괴한다.
  • changeImage (문자열, 문자열) : img 태그 원본 이미지의 src 큰 이미지를 변경합니다.
  • changeZoomSize (수, 수) : ZoomViewer 크기 (폭, 높이)를 변경합니다.

다른 이미지 효과 플러그인

HoverEx - jQuery를 이미지 호버 애니메이션 플러그인

HoverEx 이상 애니메이션 이상의 템플릿 응답 수 쉬운 오래된 브라우저 친화적 줌 플러그인과 슬라이더 플러그인을 사용자 정의

Picanim - jQuery를 이미지 호버 효과 pulgin

Plicanim 독특한 호버 효과는 3킬로바이트 후도 6으로 마우스 커서가 벗어나면의 rrse 효과와 크로스 브라우저를 블러 투명 faddn 슬라이스 boxRandorn boxDiagional을 배 포함 gziped

Zoome - jQuery를 이미지 확대 효과 플러그인

호버 r.graysca 제작, 휠 유연한 옵션 I3j Llikeyjun와 크로스 브라우저 컨트롤 줌 Zoome 확대 플래그 카운터

다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

27 명 5월 13일 작성 및 최신 업데이트:
8월 29일 (13) 높은 해상도

키워드

전자 상거래, 모든 상품, 회전 목마, 전자, fuild, galleryw, 이미지, 렌즈, 돋보기, previenlarge, 응답, 규모, 슬라이드, 부드러운, 줌, 확대경 애니메이션