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

Subskrybuj nasz kanał aby być na bieżąco!

Nowy! Dołącz do nas, jak chcesz!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in do dodawania Hot Spots

"AddDot" plug-in może być używany do dodawania hot spot i pokazać krótki opis konkretnej części obrazu. Użytkownik może również dodać kciuk obraz w opisie. Plug-in może być wykorzystywane w różnych przemysłach, takich jak...


  • Nieruchomości - zdjęcia budynku (można pokazać, które piętro ma co zakład)
  • Motoryzacja - Tow / Four Wheeler (Krótka informacja o części pojazdu)
  • Domena medyczne - Human Body (Opisując różne produkty, które firma ma do określonej części ciała człowieka)
  • Edukacja - Anatomia człowieka
  • Fabryka Maszyn - Maszyny CNC (Wyjaśniając, która część robi to, co, kiedy końcowy produkt jest obecnie)

Istnieje wiele więcej branżach, w których można użyć "addDot" plug-in.


Cechy wtykowe

  • Pokaż na opcji obciążenia
  • Opis z kciukiem obrazu
  • Opcje typu zdarzenia (aktywowanie / kliknij)
  • Prędkość animacji niestandardowej
  • Regulacja szerokości i opcji wysokością
  • Określ granicy wyściółkę
  • Regulacja hotspotów w obrębie granic
  • Przypisywanie numeryczną, alfabet i wartości rzymskie do hot spotów

Plug-in opcji dostosowywania

Nazwa porperty Typ danych Domyślna wartość Możliwe Wartość Opis
leftPos liczba całkowita 0 200 Umieść hot spot na określonym lewym położeniu
topPos liczba całkowita 0 200 Umieść hot spot na określonej pozycji górnej
etykieta strunowy "Etykieta Tekst" "Etykieta tekst Hot spot" Tekst etykiety, która będzie wyświetlacz wewnątrz hot spot
thumbImg strunowy Żaden "img / thumb_img.gif" Dodaj kciuka obraz na lewej stronie etykiety. Do wyświetlania kciuk obraz, musisz przekazać URL obrazu. (np img / ścieżka / imgname.ext)
showOnLoad logiczna fałszywe prawda czy fałsz Ustaw otwierania / zamykania hot spot na etykietę ładowania strony. Jeśli showOnLoad ma wartość true hot spot będzie otwarta na stronie obciążenia
typ wydarzenia strunowy 'trzask' "kliknij" lub "hover" Zestaw typu hot spot wydarzenie zamknij / otwórz efekt
aniType aniType 'Żaden' "slajd" lub "brak" Istnieją dwa sposoby, poprzez ustawienie suwaka hot spot będzie otworzyć / zamknąć ze skutkiem slajdów. Choć nikt nie będzie się otworzyć / zamknąć hot spot bez żadnego efektu. Można ustawić prędkość animacji za pomocą opcji aniSpeed
aniSpeed liczba całkowita 1 2 lub 0,75 Czas trwania tej animacji. (czas w sekundach)
szerokość liczba całkowita Żaden 100 Ustaw szerokość hot spot. (wartość w pikselach) Jeżeli szerokość nie jest określony, będzie dostosować szerokość na podstawie treści tekstu etykiety hot spot
wysokość liczba całkowita Żaden 100 Ustaw wysokość hot spot. (wartość w pikselach) Jeżeli wysokość nie jest określona, ​​to regulacji wysokości w oparciu o Hot Spot treści tekstu etykiet
boundaryPadding liczba całkowita 0 10 Ustaw prawy i dolny dopełnienie, jeśli szerokość lub wysokość nie jest określona. Ustawiając contentPadding jako 10, jeśli szerokość nie jest określony, to ustawić szerokość hot spot 10px poniżej dozwolonego maksimum z (szerokość kontenera obrazu). Jeśli wysokość nie jest określona, ​​to ustawić wysokość hot spot 10px poniżej maksymalnej dopuszczalnej wysokości (wysokość pojemnika obrazu)
withinBoundary logiczna fałszywe prawda czy fałsz Jeśli to prawda, to nie pozwoli pozycję hot spot z granicą obszaru obrazu. Jeśli użytkownik zrobić to dostosować do max dozwolone granice - 150px
btnLabel strunowy Żaden "1" lub "a" lub "I" Ustaw przycisk etykietę zamiast przycisku ikony.



Zmian

Dzięki wszystkim, którzy nabyli tę wtyczkę i zasugerował, aby dodać więcej funkcji do plug-in. Poniżej dziennik zmian dla funkcji typu plug-in, które nie znalazły się w pierwszej wersji plug-in.


 v1.0.0 - 28 marca 2012 Pierwsze wydanie 
 v1.0.1 - 28 marca 2012 Dodano funkcję, aby dodać przycisk etykietę zamiast przycisku ikony. Tak więc użytkownik może dodawać ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") zamiast otwartych ikona hot spot. 
 v1.0.2 - 05 kwiecień 2012 Funkcjonalność dodana do utrzymania z-index, aby uniknąć nakładania się gorące etykiet miejscu. 
 v1.0.3 - 12 kwietnia 2012 Dodano funkcję gorącej kierunku otwartej wytwórni miejscu. Użytkownik może określić hot spot open label kierunek albo jako "od lewej do prawej" lub "od prawej do lewej" w pionie i "w górę" lub "w dół" w pionie. 
 v1.0.4 - 18 kwietnia 2012 Dodano funkcję otwierania tylko jednego hot spot etykiety na raz, wcześniej otworzył hot spot będzie ukryć. 
 v1.0.5 - 02 czerwca 2012 Zmieniono tag HTML etykietę tekstową od <p> na <div> tak, że użytkownik może dodać <h1> <h6> <ul> <ol> itp znaczników w etykietę. 
 v1.0.6 - 06 czerwca 2012 Naprawiono błąd, gdy użytkownik określoną szerokość i wysokość obu. Został on wychodzi z maksymalnej dozwolonej wysokości. Również szerokość hot spot jest teraz pole obliczane na podstawie obrazu szerokość / wysokość, a nie szerokość / wysokość pojemnika. Jeśli użytkownik chce, aby ustawić contaienr szerokość / wysokość, jak max dopuszczalne szerokość / wysokość po prostu napisz... . this.dotBoxWidth = to $ dotBox.outerWidth (true); this.dotBoxHeight = to $ dotBox.outerHeight (prawda).; 

Pobierz
Inne akcesoria w tej kategoriiWszystkie składniki tego autora
KomentarzeNajczęściej zadawane pytania i odpowiedzi

Właściwości

Stworzony:
27 marca 12

Ostatnia aktualizacja:
07 czerwca 12

Zgodne przeglądarki:
IE8, IE9, Firefox, Safari, Opera, Google Chrome

Pliki wliczony:
JavaScript JS, HTML, CSS

Wersja oprogramowania:
jQuery

Słowa kluczowe

eCommerce, eCommerce, Wszystkie przedmioty, dodać kropkę, Dodaj notatkę, dodać tag, animowane hot spot, komentować, adnotacja, custom hot spot, Dynamiczny hot spot, hot spot, hot spot dla e-learningu, hotspot, Obraz adnotacji, Obraz adnotacji, Photo Tagger, etykietę