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 / Miscellaneous

addDot - The jQuery Plug-in for Adding Hot Spots

— 추가 기능 WorldWideScripts.net 에

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

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


addDot - The jQuery Plug-in for Adding Hot Spots - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

addDot는 - jQuery를 플러그인 핫스팟을 추가

"addDot"플러그인은 핫 스폿을 추가하는 데 사용하고 이미지의 특정 부분에 대한 간단한 설명을 표시 할 수있다. 사용자는 또한 설명의 손가락 화상을 추가 할 수있다. 플러그인하는 등의 다양한 산업 분야에 사용할 수 있습니다...


  • 부동산 - 건물의 이미지는 (어떤 시설이있는 층 보여줄 수)
  • 자동차 - 견인 / 4 휠러 (차량의 일부에 대한 짧은 정보)
  • 의료 도메인 - 인간의 몸은 (회사가 인체의 특정 부분이 다양한 제품을 묘사)
  • 교육 - 인간의 해부학
  • 공장 기계 - CNC 기계 (최종 제품이 밖으로 무엇을 할 때 어느 부분을 설명하기 것은 않음)

당신이 "addDot"플러그인을 사용할 수 있습니다 더 많은 산업이있다.


플러그인의 기능

  • 로드 옵션에 표시
  • 엄지 손가락 이미지와 설명
  • 이벤트 유형 옵션 (호버 / 클릭)
  • 사용자 지정 애니메이션 속도
  • 폭 및 heigth 옵션을 조정
  • 경계 패딩을 지정
  • 경계 내에서 핫스팟을 조정
  • 핫스팟에 숫자, 알파벳 및 로마 값을 할당

플러그인 사용자 지정 옵션

Porperty 이름 데이터 형식 기본값 가능한 값 기술
leftPos 정수 0 (200) 지정된 왼쪽 위치에 뜨거운 자리를 놓고
topPos 정수 0 (200) 지정된 최상위 순위에 뜨거운 자리를 놓고
상표 '레이블 텍스트' '핫 스팟 레이블 텍스트' 핫 스폿 내부에 표시됩니다 레이블 텍스트
thumbImg 없음 'IMG / thumb_img.gif' 라벨의 왼쪽 엄지 손가락의 이미지를 추가합니다. 손가락 화상을 표시하면 화상 URL을 전달한다. (예 : IMG / 경로 / imgname.ext)
showOnLoad 부울 그릇된 진실 혹은 거짓 페이지로드에 열기 / 닫기 핫스팟 레이블을 설정합니다. showOnLoad가 true로 설정되어있는 경우 핫스팟은 페이지로드에 열려있을 것입니다
EVENTTYPE '딸깍 하는 소리' '가져가'을 '클릭'또는 핫 스팟 열기 / 닫기 효과에 대한 설정 이벤트 유형
aniType aniType '없음' '슬라이드'또는 '없음' 슬라이드 효과와 긴밀한 / 열립니다 슬라이드 핫스팟을 설정하여 두 가지 옵션이있다. 어떤 효과가없는 것도 열지되지만 / 닫기 핫스팟. 당신은 aniSpeed ​​옵션을 통해 애니메이션의 속도를 설정할 수 있습니다
aniSpeed 정수 1 2 0.75 애니메이션의 지속 기간. (시간은 초 단위입니다)
정수 없음 (100) 핫 스팟의 설정 폭입니다. 폭이 지정되지 않은 경우, 그 핫 스폿 라벨 텍스트 콘텐츠에 기초하여 폭을 조정한다 (값은 화소이다)
신장 정수 없음 (100) 핫 스팟의 설정 높이입니다. 높이가 지정되지 않은 경우, 그 핫 스폿 라벨 텍스트 콘텐츠에 기초하여 높이를 조절한다 (값은 화소이다)
boundaryPadding 정수 0 (10) 너비 또는 높이를 지정하지 않은 경우에 우측 하단에 패딩을 설정합니다. 폭이 지정되지 않은 경우 10에서 contentPadding을 설정함으로써, (이미지 컨테이너의 폭)과 최대 허용 미만 10px 핫 스폿의 폭을 설정한다. 높이가 설정되지 않으면, 최대 허용 높이보다 핫 스폿 10px 이하의 높이를 설정한다 (이미지 컨테이너의 높이)
withinBoundary 부울 그릇된 진실 혹은 거짓 참이면, 그 화상 영역의 경계에서의 핫 스폿의 위치를​​ 허용하지 않을 것이다. 사용자가 그래서 최대로 조정됩니다 않으면 경계를 허용 - 150 픽셀을
btnLabel 없음 '1'또는 ''또는 'I'는 단추 레이블 대신 단추 아이콘을 설정합니다.



로그인 변경

덕분에이 플러그인을 구입 및 플러그인에 더 많은 기능을 추가하기 위해 제안했던 모든 사람들. 아래는 플러그인의 첫 번째 버전에 포함되지 않은 플러그인 기능에 대한 변경 로그입니다.


 v1.0.0 개발자 - 2012년 3월 28일 첫 번째 릴리스 
 V1.0.1 - 2012년 3월 28일 추가 된 기능은 버튼 레이블 대신 버튼 아이콘을 추가 할 수 있습니다. 그래서 사용자는 ( "1, 2, 3...", "A, B, C,...", "A, B, C...", "I, II, III는...") 대신 추가 오픈 핫스팟 아이콘입니다. 
 V1.0.2 - 2012년 4월 5일 기능은 핫 스팟 라벨의 중복을 피하기 위해 Z- 인덱스를 유지했다. 
 V1.0.3 - 2012년 4월 12일 열려있는 핫 스폿 라벨 방향에 대한 추가 기능입니다. 중 "왼쪽에서 오른쪽"또는 수평으로 "오른쪽에서 왼쪽으로"와 "최대"또는 수직으로 "아래"로 사용자는 핫 스폿 라벨 오픈 방향을 지정할 수 있습니다. 
 v1.0.4 - 2012년 4월 18일 한 번에 하나의 핫 스폿 라벨을 여는 기능을 추가, 이전에 핫 스팟 숨기기 될 것입니다 열었습니다. 
 v1.0.5 - 2012년 6월 2일 라벨의 <H6>, <UL> <OL> 등의 태그에 해당 사용자가 <H1> 추가 할 수 있도록 <DIV>에 <P>에서 레이블 텍스트의 변경된 HTML 태그. 
 v1.0.6 - 2012년 6월 6일 사용자가 모두 너비 및 높이를 지정한 버그가 수정되었습니다. 그것은 최대 허용 높이에서 나오는했다. 또한 핫 스폿 상자 폭은 현재 이미지의 폭 / 높이보다는 컨테이너의 폭 / 높이에 기초하여 계산된다. 사용자는 최대 폭을 허용대로 contaienr 너비 / 높이를 설정하고 싶은 경우 / 높이가 바로 쓰기... . this.dotBoxWidth =이 $ dotBox.outerWidth (TRUE); this.dotBoxHeight =이 $ dotBox.outerHeight (TRUE).; 

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

속성을 선택합니다

생성:
27 3월 12일

마지막 업데이트:
7 6월 12일

지원되는 브라우저:
IE8, IE9, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 상품, 점을 추가, 메모를 추가, 태그를 추가, 애니메이션 핫스팟, 주석, 주석, 사용자 정의 핫 스팟, 동적 핫스팟, 핫스팟, 전자 학습을위한 핫스팟, 핫스팟, 이미지 주석, 이미지 주석, 사진 술래, 이 태그를