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

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in för att lägga till Hot Spots

"AddDot" plug-in kan användas för att lägga till en varm plats och visar kort beskrivning om viss del av en bild. Användaren kan också lägga tumme bild i beskrivningen. Plug-in kan användas i olika branscher som...


  • Real Estate - Byggnads Image (Kan visa vilken våning har vad anläggning)
  • Automotive - Tow / Four Wheeler (Lite info om en del av fordonet)
  • Medicinsk Domain - Människokroppen (Beskriva olika produkter som företaget har för viss del av människokroppen)
  • Utbildning - Human Anatomy
  • Factory Machinery - CNC Machines (Förklara vilken del gör vad när den slutliga produkten är slut)

Det finns många fler branscher där du kan använda "addDot" plug-in.


Plug-in funktioner

  • Visa på last alternativ
  • Beskrivning med tummen bild
  • Händelse typ alternativ (hover / klicka)
  • Anpassade animeringshastighet
  • Justera bredd & heigth alternativet
  • Specificera gräns stoppning
  • Justera hotspots inom gränsen
  • Tilldela numerisk, alfabetet och romerska värden till hot spots

Plug-in Anpassningsalternativ

Porperty Namn Data typ Standardvärde Möjligt värde Beskrivning
leftPos heltal 0 200 Placera hot spot på specificerade vänsterläge
topPos heltal 0 200 Placera hot spot på angiven topposition
märka sträng "Label text" "Hot spot etikettens text" Etikettens text som kommer att vara uppställda inne hot spot
thumbImg sträng ingen 'img / thumb_img.gif' Lägg tummen bilden på vänster sida av etiketten. För visning tumme bild, du måste passera bildens URL. (t.ex. img / sökväg / imgname.ext)
showOnLoad boolean falsk sant eller falskt Ställ öppna / stäng hot spot etikett på sidan laddas. Om showOnLoad sätts till true hot spot kommer att vara öppen på sidan belastning
eventtype sträng 'klick' "klick" eller "sväva" Ställ in händelsetypen för hot spot öppning / stängning effekt
aniType aniType 'ingen' "slide" eller "ingen" Det finns två alternativ, genom att ställa glid hot spot kommer öppna / stänga med glideffekt. Även om ingen kommer att öppna / stänga hot spot utan någon effekt. Du kan ställa in animeringshastigheten via aniSpeed ​​alternativ
aniSpeed heltal 1 2 eller 0,75 Varaktigheten av animeringen. (längd i sekunder)
bredd heltal ingen 100 Set bredd hot spot. (värde i pixel) Om bredden inte anges, kommer det justerar bredd bygger på hot spot etikett textinnehåll
höjd heltal ingen 100 Ställ höjd av het fläck. (värde i pixel) Om höjd inte anges, kommer det ställ in höjden baserat på hot spot etikett textinnehåll
boundaryPadding heltal 0 10 Ange rätt och botten utfyllnad om bredd eller höjd inte anges. Genom att ställa contentPadding som 10 om bredden inte anges, kommer det in bredd hot spot 10px mindre än maximalt tillåtna med (bredd på en bild container). Om höjden inte anges, kommer det in höjden på hot spot 10px mindre än maximalt tillåtna höjden (höjden på en bild container)
withinBoundary boolean falsk sant eller falskt Om sant, kommer det inte att tillåta hot spot läge ur bildytan gräns. Om användaren gör så kommer det att anpassa sig till max tillåtna gräns - 150px
btnLabel sträng ingen "1" eller "a" eller "I" Ställ knappetiketten i stället för knappikon.



Change Log

Tack alla som hade köpt den här plug-in & föreslog att lägga till fler funktioner i plug-in. Nedan är ändringsloggen för plug-in funktioner som inte ingick i den första versionen av plug-in.


 v1.0.0 - 28 mars, 2012 Första utgåvan 
 v1.0.1 - 28 mars, 2012 Extra funktion för att lägga till knappetiketten i stället för knappikon. Så kan användaren lägga ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") i stället öppna hot ikon plats. 
 v1.0.2 - 5 APR, 2012 Funktionalitet sattes för att bibehålla z-index för att undvika överlappning av hot spots etiketter. 
 v1.0.3 - April 12, 2012 Extra funktion för öppna hot spot label riktning. Användaren kan ange hot spot etikett öppna riktning som antingen "vänster till höger" eller "Höger till vänster" horisontellt och "Up" eller "Down" vertikalt. 
 v1.0.4 - 18 april 2012 Extra funktion för att öppna endast en hot spot etikett åt gången, tidigare öppnade hot spot blir dölja. 
 v1.0.5 - jun 2, 2012 Ändrad HTML-tagg av Label text från <p> för att <div> så att användaren kan lägga <h1> till <h6>, <ul> <ol> etc taggar i etiketten. 
 v1.0.6 - 6 Juni 2012 Fast bugg när användaren har specificerat bredd och höjd båda. Det var på väg ut ur maximalt tillåten höjd. Även hot spot Boxvidd nu beräknas utifrån bildens bredd / höjd i stället för container bredd / höjd. Om användaren vill den för att ställa contaienr bredd / höjd som max tillåten bredd / höjd bara skriva... . this.dotBoxWidth = denna $ dotBox.outerWidth (true); this.dotBoxHeight = denna $ dotBox.outerHeight (true). 

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
27 12 mars

Senaste uppdateringen:
7 12 juni

Kompatibla webbläsare:
IE8, IE9, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS

Programvaruversion:
jQuery

Nyckelord

e-handel, e-handel, Alla objekt, lä, gg dot, Lä, gg till anteckning, Lä, gg till tagg, animerade hot spot, kommentera, anteckning, anpassade hot spot, dynamisk hot spot, hot spot, hot spot fö, r e-learning, hotspot, bildkommentar, bildnotering, bild tagger, mä, rka den hä, r