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 la WorldWideScripts.net

Aboneaza-te la feed-ul nostru pentru a rămâne până la data!

Nou! Urmați- ne cum vrei!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in pentru adăugarea Hot Spots

"AddDot" plug-in poate fi utilizat pentru a adăuga un hot spot și arată scurtă descriere despre porțiune specifică dintr-o imagine. Utilizatorul poate adăuga, de asemenea imagine degetul mare în descriere. Plug-in pot fi utilizate în diverse industrii cum ar fi...


  • Imobiliare - construirea imaginii (poate arăta care etaj are ce facilitate)
  • Automobile - Tow / Patru Wheeler (Short informatii despre o parte a vehiculului)
  • Domeniul medical - Corpul uman (Descriind diverse produse pe care compania au pentru o parte specifică a corpului uman)
  • Educație - Anatomia omului
  • Fabrica de masini - CNC Masini (Explicarea care parte face ceea ce atunci când produsul final este în afara)

Există mult mai multe industrii unde le puteți folosi "addDot" plug-in.


Plug-in Caracteristici

  • Arată opțiune de încărcare
  • Descriere cu imaginea degetul mare
  • Opțiuni tip de eveniment (hover / click)
  • Personalizate viteza de animație
  • Reglați lățimea & inaltime opțiune
  • Precizați padding limită
  • Reglați hotspot-uri în limita
  • Atribuirea numeric, alfabet si valori romane la punctele fierbinți

Plug-in Opțiuni de personalizare

Nume Porperty Tip de date Valoarea implicită Valoarea posibil Descriere
leftPos întreg 0 200 Așezați punct fierbinte pe poziția din stânga specificate
topPos întreg 0 200 Așezați punct fierbinte pe poziția de top specificat
eticheta şir "Text Label" "Textul etichetei loc Hot" Textul etichetei, care va fi de afișare în interiorul punct fierbinte
thumbImg şir nici un "img / thumb_img.gif" Adauga imagine degetul mare pe partea stângă a etichetei. Pentru afișarea imaginilor degetul mare, va trebui să treci URL imagine. (de exemplu, img / cale / imgname.ext)
showOnLoad boolean fals adevarat sau fals Set deschis aproape etichetă / punct fierbinte pe încărcare pagina. Dacă showOnLoad este setat la true hot spot va fi deschis de la încărcare a paginii
eventType şir 'clic' "faceți clic pe" sau "hover" Tip de eveniment set de hot spot deschide efect / close
aniType aniType 'nici un' "diapozitiv" sau "nici unul" Există două opțiuni, prin stabilirea de diapozitive hot spot se va deschide / închide cu efect de diapozitiv. În timp ce nimeni nu va deschide / închide hot spot fără nici un efect. Puteți seta viteza de animație prin opțiune aniSpeed
aniSpeed întreg 1 2 sau 0.75 Durata de animație. (durata este în secunde)
lăţime întreg nici un 100 Set lățime de hot spot. (valoare nu este în pixeli) În cazul în care nu este specificat lățimea, se va ajusta lățimea bazat pe hot spot de conținut a textului etichetei
înălţime întreg nici un 100 Înălțime de hot spot. (valoare nu este în pixeli) În cazul în care nu este specificat înălțime, se va ajusta înălțimea în funcție de loc conținut fierbinte textul etichetei
boundaryPadding întreg 0 10 Set padding dreapta si jos, dacă nu este specificat lățimea sau înălțimea. Prin stabilirea contentPadding de 10 în cazul în care lățimea nu este specificat, se va stabili lățimea de hot spot 10px mai puțin de maximă permisă cu (lățime de un container de imagine). Dacă nu este specificat înălțime, se va stabili înălțime de hot spot 10px mai puțin de înălțimea maximă permisă (înălțime de un container de imagine)
withinBoundary boolean fals adevarat sau fals Dacă este adevărat, aceasta nu va permite poziția hot spot din zona imaginii limita. Dacă utilizatorul face acest lucru se va adapta la max permis limita - 150px
btnLabel şir nici un "1" sau "o" sau "I" Set etichetă buton în loc de pictograma butonului.



Change Log

Multumesc tuturor celor care au cumpărat acest plug-in și a sugerat pentru a adăuga mai multe caracteristici în plug-in. Mai jos sunt schimbările log pentru caracteristicile plug-in care nu au fost incluse în prima versiune a plug-in.


 v1.0.0 - 28.03.2012 Prima lansare 
 v1.0.1 - 28.03.2012 Facilitate adăugată pentru a adăuga eticheta buton în loc de pictograma butonului. Deci utilizator poate adăuga ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") în loc de deschis icon hot spot. 
 v1.0.2 - 05 apr 2012 Funcționalitate a adăugat pentru a menține z index pentru a evita suprapunerea de etichete hot spot. 
 v1.0.3 - 12 apr 2012 Facilitate adăugată pentru deschis la cald direcție etichetă la fața locului. Utilizatorul poate specifica fierbinte eticheta loc direcție deschis, fie ca "la stânga la dreapta" sau "la dreapta la stânga" pe orizontală și "Up" sau "Jos" pe verticală. 
 v1.0.4 - optsprezece aprilie 2012 Facilitate adăugată pentru deschiderea o singură etichetă hot spot la un moment dat, în prealabil deschis hot spot va fi ascunde. 
 v1.0.5 - 2.06.2012 Tag-ul HTML schimbat de ETICHETA din <p> la <div>, astfel încât utilizatorul poate adăuga <h1> <h6 a>, <ul> <ol>, etc tag-uri în etichetă. 
 v1.0.6 - șase iunie 2012 Fix bug-ul atunci când utilizatorul a specificat lățime și înălțime, atât. Acesta a fost iese de maxim înălțime permis. De asemenea lățime cutie hot spot este acum calculează pe baza imagine lățime / înălțime, mai degrabă decât container lățime / înălțime. Dacă utilizatorul vrea să stabilească lățimea contaienr / înălțime cât maximă permisă lățime / înălțime doar scrie... . this.dotBoxWidth = $ acest dotBox.outerWidth (true); this.dotBoxHeight = $ acest dotBox.outerHeight (true).; 

Descărcați
Alte componente din această categorieToate componentele acestui autor
ComentariiÎntrebări frecvente și răspunsuri

Proprietăți

Creată:
27 martie 12

Ultima actualizare:
07 iunie 12

Browsere compatibile:
IE8, IE9, Firefox, Safari, Opera, Chrome

Fișiere incluse:
JavaScript JS, HTML, CSS

Versiune software:
jQuery

Cuvinte cheie

eCommerce, eCommerce, Toate obiectele, adauga dot, adauga notita, adauga tag-ul, animat hot spot, adnota, adnotare, locație aleasă de dumneavoastră hot, hot spot dinamic, hot spot, hot spot pentru e-learning, hotspot, adnota imagine, adnotare imagine, Foto Tagger, eticheta acest