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

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in para sa pagdaragdag ng mga Hot Spot

"AddDot" plug-in ay maaaring gamitin para sa pagdaragdag ng isang lugar na pinupuntahan at ipakita maikling paglalarawan ukol sa tiyak na bahagi ng isang imahe. User maaari ring magdagdag ng thumb image sa paglalarawan. Plug-in ay maaaring gamitin sa iba't-ibang industriya tulad ng...


  • Real Estate - Imahe Building (Maaaring ipakita na palapag ay may kung ano ang mga pasilidad)
  • Automotive - paghatak / Four Wheeler (Maikling impormasyon tungkol sa bahagi ng sasakyan)
  • Medical Domain - Human Body (Naglalarawan iba't ibang mga produkto na mayroon na kumpanya para sa partikular na bahagi ng katawan ng tao)
  • Edukasyon - Human Anatomy
  • Factory Makinarya - CNC machine (nagpapaliwanag kung aling bahagi ay kung ano kapag huling produkto ay out)

Mayroong maraming higit pang mga industriya na kung saan maaari mong gamitin ang "addDot" plug-in.


Mga Tampok ng Plug-in

  • Ipakita sa pagpipilian ng pag-load
  • Paglalarawan sa thumb image
  • Pagpipilian sa uri ng Kaganapan (hover / mag-click)
  • Bilis Custom animation
  • Ayusin ang lapad at heigth option
  • Tukuyin boundary padding
  • Ayusin hotspots sa loob ng hangganan
  • Magtalaga ng numeric, alpabeto at roman mga halaga sa mga hot spot

Plug-in-customize ang Opsyon

Pangalan porperty Uri ng datos Default na Halaga Posibleng Halaga Deskripsyon
leftPos integer 0 200 Lugar mainit na lugar sa tinukoy na kaliwang posisyon
topPos integer 0 200 Lugar mainit na lugar sa tinukoy na pinakamataas na posisyon
etiketa tali 'Label Text' 'Text Hot spot label' Text Label na magiging display sa loob hot spot
thumbImg tali wala 'img / thumb_img.gif' Idagdag thumb imahe sa kaliwang bahagi ng label. Para sa pagpapakita ng thumb ng imahe, kailangan mong pumasa sa URL ng imahe. (eg img / path / imgname.ext)
showOnLoad boolean false Tama o mali Itakda buksan / isara hot spot label sa page load. Kung showOnLoad nakatakda sa true hot spot ay bukas sa page load
eventType tali 'mag-click' 'mag-click' o 'hover' Itakda ang uri ng kaganapan para sa mga lugar na pinupuntahan buksan / isara effect
aniType aniType 'wala' 'slide' o 'wala' Mayroong dalawang mga pagpipilian, sa pamamagitan ng pagtatakda ng slide hot spot ay buksan / isara may slide effect. Habang wala ay buksan / isara hot spot na walang anumang epekto. Maaari mong itakda ang bilis ng animation sa pamamagitan aniSpeed ​​option
aniSpeed integer 1 2 o 0.75 Ang tagal ng animation. (tagal ay sa segundo)
lapad integer wala 100 Itakda ang lapad ng hot spot. (value ay sa pixel) Kung width ay hindi tinukoy, ito ay ayusin ang lapad base sa mainit na lugar sa nilalaman ng teksto ng label
taas integer wala 100 Itakda ang taas ng lugar na pinupuntahan. (value ay sa pixel) Kung taas ay hindi tinukoy, ito ay ayusin taas batay sa hot spot label ng teksto ng nilalaman
boundaryPadding integer 0 10 Itakda ang karapatan at ibaba padding kung lapad o taas ay hindi tinukoy. Sa pamamagitan ng pagtatakda contentPadding bilang 10 kung width ay hindi tinukoy, ito ay itakda lapad ng hot spot 10px mas mababa sa maximum na pinapayagan na may (lapad ng isang lalagyan ng imahe). Kung taas ay hindi tinukoy, ito ay itakda taas ng hot spot 10px mas mababa sa maximum na pinapayagan taas (taas ng isang lalagyan ng imahe)
withinBoundary boolean false Tama o mali Kung totoo, hindi na ito ay magbibigay-daan sa posisyon mainit na lugar sa labas ng lugar ng imahe hangganan. Kung gagawin user upang ito ay ayusin sa max pinapayagan boundary - 150px
btnLabel tali wala '1' o 'a' o 'i' Itakda label button sa halip na icon button.



Baguhin ang Log

Salamat sa lahat na nag-binili ang plug-in at mga iminungkahing upang magdagdag ng higit pang mga tampok sa plug-in. Nasa ibaba ang mga pagbabago ng tala para plug-in na tampok na kung saan ay hindi kasama sa unang bersyon ng plug-in.


 v1.0.0 - Marso 28, 2012 Unang release 
 v1.0.1 - Marso 28, 2012 Idinagdag ang tampok upang magdagdag ng label button sa halip na icon button. Kaya maaaring magdagdag ng user ("1, 2..., 3", "a, b, c...", "A, B, C...", "I, II, III...") sa halip ng mga bukas na icon hot spot. 
 5 Abril 2012 - v1.0.2 Idinagdag functionality upang mapanatili ang z-index upang maiwasan ang overlapping ng hot spot label. 
 v1.0.3 - Abril 12, 2012 Idinagdag ang tampok na para sa bukas na mainit na direksyon spot label. Maaaring tukuyin User hot spot label open direksyon bilang alinman sa "Kaliwa hanggang Kanan" o "Kanan sa Kaliwa" pahalang at "Up" o "Down" patayo. 
 v1.0.4 - Abril 18, 2012 Ang tampok na idinagdag para sa pagbubukas lamang ng isang mainit na lugar label sa isang pagkakataon, binuksan dati hot spot ay itago. 
 v1.0.5 - Hunyo 2, 2012 Binago ang HTML tag ng Label Text mula sa <p> sa <div> upang ang mga gumagamit na maaaring magdagdag ng <h1> sa <h6>, <ul> <ol> etc tag sa label. 
 v1.0.6 - Hunyo 6, 2012 Fixed ang bug kapag ang user ay tinukoy na lapad at taas ng pareho. Ito ay nagmumula sa labas ng max pinapayagan taas. Gayundin width hot spot box ay kinakalkula ngayon batay sa image lapad / taas sa halip na container lapad / taas. Kung ang user ay nagnanais na ito upang i-set contaienr lapad / taas ng max na pinapayagang lapad / taas magsulat lamang... . this.dotBoxWidth = ito $ dotBox.outerWidth (true); this.dotBoxHeight = ito $ dotBox.outerHeight (true). 

I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

Nilikha:
27 Mar 12

Huling Update:
Hunyo 7 12

Katugmang Browser:
IE8, IE9, Firefox, Safari, Opera, Chrome

Kasamang File:
JavaScript JS, HTML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, magdagdag ng dot, Magdagdag ng tala, magdagdag ng tag, animated hot spot, annotate, annotation, custom hot spot, dynamic mainit na lugar, mainit na lugar, mainit na lugar para sa e-learning, hotspot, annotate image, annotation image, tagapaglagay ng mga tag ng larawan, tag na ito