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

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in voor het toevoegen van Hot Spots

"AddDot" plug-in kan worden gebruikt voor het toevoegen van een hot spot en laat korte beschrijving over bepaald gedeelte van een beeld. De gebruiker kan ook afbeelding duim toe te voegen in de beschrijving. Plug-in kan worden gebruikt in diverse industrieën, zoals...


  • Real Estate - Building Afbeelding (kan zien welke grond wat faciliteit)
  • Automotive - Tow / Four Wheeler (Korte info over een deel van het voertuig)
  • Medisch domein - Menselijk Lichaam (beschrijven diverse producten dat bedrijf hebben voor specifiek deel van het menselijk lichaam)
  • Onderwijs - Anatomie van de mens
  • Factory machines - CNC Machines (uitleggen welk deel doet wat wanneer uiteindelijke product is uit)

Er zijn veel meer industrieën waar je "addDot" plug-in kan gebruiken.


Plug-in Features

  • Toon op de belading
  • Omschrijving afbeelding duim met
  • Event type opties (hover / klik)
  • Aangepaste animatie snelheid
  • Pas de breedte en hoogte optie
  • Specificeren grens padding
  • Pas hotspots binnen de grenzen
  • Toewijzen numerieke, alfabet en romeinse waarden hot spots

Plug-in Aanpassingsopties

Porperty Naam Data Type Standaardwaarde Mogelijke Waarde Beschrijving
leftPos geheel getal 0 200 Plaats de hot spot op gespecificeerde linker positie
topPos geheel getal 0 200 Plaats de hot spot op gespecificeerde toppositie
label snaar "Label Tekst ' 'Hot spot label tekst' Etiket tekst display in hot spot zal zijn
thumbImg snaar geen 'img / thumb_img.gif' Image thumb toevoegen aan de linkerkant van het label. Voor het weergeven van de duim, moet je het URL passeren. (bv img / pad / imgname.ext)
showOnLoad boolean vals Waar of niet waar Stel open / dicht hot spot label op pagina te laden. Als showOnLoad op true is ingesteld hot spot wordt geopend op pagina te laden zijn
eventType snaar 'klik' 'klik' of 'hover' Set soort evenement voor hot spot open / dicht effect
aniType aniType 'geen' 'slide' of 'geen' Er zijn twee opties, door het instellen van dia hot spot zal openen / sluiten met glijbaan effect. Terwijl niemand zal openen / sluiten hotspot zonder enig effect. U kunt de animatie snelheid via aniSpeed ​​optie in te stellen
aniSpeed geheel getal 1 2 of 0,75 De duur van de animatie. (duur is in seconden)
breedte geheel getal geen 100 Stel de breedte van de hot spot. (waarde in pixel) Als de breedte niet is opgegeven, wordt deze breedte aan te passen op basis van hot spot label tekstinhoud
hoogte geheel getal geen 100 Set hoogte van hot spot. (waarde in pixel) Als de hoogte niet is opgegeven, wordt deze hoogte aan te passen op basis van hot spot label tekstinhoud
boundaryPadding geheel getal 0 10 Stel recht & bottom padding als breedte of hoogte niet is opgegeven. Door contentPadding als 10 als de breedte niet wordt opgegeven, zal het de breedte van de hot spot 10px minder dan maximaal toegestaan ​​(breedte van een beeld container) ingesteld. Als de hoogte niet is opgegeven, zal het hoogtepunt van hot spot 10px minder stellen dan de maximale toegestane hoogte (hoogte van een beeld container)
withinBoundary boolean vals Waar of niet waar Als dat waar is, zal het niet hot spot positie staan ​​van beeldgebied grens. Als de gebruiker doen dus het zal aanpassen aan maximum toegestane grens - 150px
btnLabel snaar geen '1' of 'a' of 'ik' Stel de knop label in plaats van de knop icoon.



Change Log

Dank allen die deze plug-in had gekocht en voorgesteld om meer functies toe te voegen in de plug-in. Hieronder staan ​​change log voor plug-in functies die niet waren opgenomen in de eerste versie van de plug-in.


 v1.0.0 - 28 maart 2012 Eerste release 
 v1.0.1 - 28 maart 2012 Toegevoegd functie om de knop label in plaats van de knop pictogram toe te voegen. Dus gebruiker ("1, 2, 3...", "a, b, c...", "A, B, C..." 'I, II, III... ") in plaats toevoegen open hot spot icoon. 
 v1.0.2 - 5 april 2012 Functionaliteit toegevoegd aan z-index behouden om overlapping van hot spot labels te voorkomen. 
 v1.0.3 - 12 april 2012 Toegevoegde functie voor een open hotspot label richting. De gebruiker kan hotspot label geopend richting aangeven als ofwel "Links naar rechts" of "rechts naar links" horizontaal en "Up" of "Down" verticaal. 
 v1.0.4 - 18 april 2012 Toegevoegde functie voor het openen van slechts één hot spot label op een moment, eerder geopende hot spot zal verbergen. 
 v1.0.5 - 2 juni 2012 Gewijzigde HTML-tag van Label Tekst uit <p> om <div> zodat de gebruiker kan toevoegen <h1> tot <h6>, <ul> <ol> etc-tags in label. 
 v1.0.6 - 6 juni 2012 De bug wanneer de gebruiker zowel de breedte en hoogte heeft opgegeven. Het kwam uit maximaal toegestane hoogte. Ook hotspot doos breedte wordt nu berekend op basis van het breedte / hoogte in plaats van de verpakking breedte / hoogte. Als gebruiker wil dat het contaienr breedte / hoogte te stellen als maximum toegestane breedte / hoogte gewoon schrijven... this.dotBoxWidth dotBox.outerWidth = dit $ (true).; this.dotBoxHeight = dit $ dotBox.outerHeight (true).; 

Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
27 maart 12

Laatste update:
7 juni 12

Compatibele Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
JS JavaScript, HTML, CSS

Software versie:
jQuery

Trefwoorden

eCommerce, eCommerce, Alle spullen, add dot, add note, add tag, geanimeerde hot spot, annoteren, aantekening, aangepaste hot spot, dynamische hot spot, hot spot, hot spot 'voor e-learning, hotspot, afbeelding annoteren, beeldannotatie, foto tagger, tag dit