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

Iscriviti al nostro feed per rimanere sempre aggiornato!

Nuovo! Seguici come lo vuoi!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in per l'aggiunta di Hot Spot

"AddDot" plug-in può essere utilizzato per l'aggiunta di un hot spot e mostrare descrizione breve porzione specifica dell'immagine. L'utente può anche aggiungere immagine pollice nella descrizione. Plug-in può essere utilizzato in vari settori come...


  • Immobiliare - Image Building (può mostrare quale piano ha quale funzione)
  • Automotive - Tow / Four Wheeler (Short informazioni su parte del veicolo)
  • Dominio medico - del corpo umano (Descrivendo i vari prodotti che società hanno per parte specifica del corpo umano)
  • Istruzione - Anatomia Umana
  • Machinery Factory - macchine CNC (Spiegando che parte fa quello che quando il prodotto finale è fuori)

Ci sono molti più settori in cui è possibile utilizzare "addDot" plug-in.


Caratteristiche Plug-in

  • Mostra sulla opzione di caricamento
  • Descrizione Immagine pollice con
  • Opzioni del tipo di evento (hover / click)
  • Velocità di animazione personalizzato
  • Regolare opzione di larghezza e altezza
  • Specificare imbottitura confine
  • Regolare hotspot all'interno confine
  • Assegnare numerico, alfabeto e valori romani per i punti caldi

Plug-in Opzioni di personalizzazione

Nome porperty Tipo di dati Valore di default Possibile Valore Descrizione
leftPos numero intero 0 200 Posizionare punto caldo sulla posizione di sinistra specificata
topPos numero intero 0 200 Posizionare hot spot in prima posizione specificata
etichetta stringa 'Etichetta Testo' 'Hot spot testo dell'etichetta' Testo dell'etichetta che saranno esposte all'interno hot spot
thumbImg stringa nessuna 'img / thumb_img.gif' Aggiungi immagine pollice sul lato sinistro dell'etichetta. Per un'immagine pollice visualizzazione, devi passare URL dell'immagine. (ad esempio img / percorso / imgname.ext)
showOnLoad booleano falso vero o falso Impostare aprire chiudere etichetta punto / caldo sul caricamento della pagina. Se showOnLoad è impostata su true hot spot sarà aperta al caricamento della pagina
Tipo di evento stringa 'clic' 'click' o 'hover' Impostare il tipo di evento per hot spot aprire chiudere effetto /
aniType aniType 'nessuna' 'slide' o 'none' Ci sono due opzioni, impostando diapositiva hot spot si apre / chiude con effetto scivolo. Mentre nessuno si aprirà / chiusura hot spot senza alcun effetto. È possibile impostare la velocità di animazione tramite l'opzione aniSpeed
aniSpeed numero intero 1 2 o 0,75 La durata dell'animazione. (durata è in secondi)
larghezza numero intero nessuna 100 Impostare la larghezza di hot spot. (il valore è in pixel) Se la larghezza non è specificato, sarà regolare la larghezza base di hot spot contenuti testo dell'etichetta
altezza numero intero nessuna 100 Impostare l'altezza di hot spot. (il valore è in pixel) Se l'altezza non è specificato, sarà regolare l'altezza in base a posto sull'etichetta il contenuto del testo caldo
boundaryPadding numero intero 0 10 Situato proprio sotto & padding se non si specifica larghezza o altezza. Impostando contentPadding come 10 se la larghezza non è specificato, sarà impostare la larghezza di hot spot 10px meno di massimo consentito con (larghezza di un contenitore di immagini). Se l'altezza non è specificato, si imposterà altezza di hot spot 10px meno di altezza massima consentita (altezza di un contenitore di immagini)
withinBoundary booleano falso vero o falso Se fosse vero, non permetterà posizione punto caldo fuori dell'area dell'immagine di confine. Se l'utente lo fa si adatterà al massimo consentito di confine - 150px
btnLabel stringa nessuna '1' o 'a' o 'I' Impostare etichetta del pulsante al posto dell'icona del tasto.



Storia delle news

Grazie a tutti che aveva acquistato questo plug-in e ha suggerito di aggiungere ulteriori funzionalità in plug-in. Qui di seguito sono cambiamento di registro per le funzionalità di plug-in che non sono stati inclusi nella prima versione del plug-in.


 v1.0.0 - 28 marzo 2012 Prima uscita 
 v1.0.1 - 28 marzo 2012 Aggiunta funzione per aggiungere l'etichetta pulsante invece di icona del pulsante. Così l'utente può aggiungere ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") al posto di aprire l'icona hot spot. 
 v1.0.2 - 5 aprile 2012 Funzionalità aggiunto per mantenere la z-index per evitare sovrapposizioni di etichette hot spot. 
 v1.0.3 - 12 aprile 2012 Caratteristica aggiunta per l'open direzione etichetta hot spot. L'utente può specificare caldo etichetta punto direzione aperta sia come "sinistra a destra" o "destra a sinistra" in orizzontale e "Up" o "Down" in verticale. 
 v1.0.4 - 18 aprile 2012 Caratteristica aggiunta per l'apertura di una sola etichetta hot spot alla volta, in precedenza ha aperto punto caldo sarà nascondere. 
 v1.0.5 - 2 Giugno 2012 Cambiato tag HTML di etichetta di testo da <p> di <div> in modo che l'utente può aggiungere <h1> e <h6>, <ul> <ol> ecc tag in etichetta. 
 v1.0.6 - 6 giugno 2012 Corretto il bug quando l'utente ha specificato la larghezza e l'altezza di entrambi. Si stava uscendo di altezza massima consentita. Anche larghezza scatola punto caldo viene ora calcolato sulla base larghezza dell'immagine / altezza piuttosto che contenitore larghezza / altezza. Se l'utente vuole impostare contaienr larghezza / altezza massima consentita larghezza / altezza basta scrivere... . this.dotBoxWidth = questo $ dotBox.outerWidth (true); this.dotBoxHeight = questo $ dotBox.outerHeight (true).; 

Scarica
Altri componenti di questa categoriaTutti i componenti di questo autore
CommentiDomande frequenti e risposte

Proprietà

Creato:
27 Marzo 12

Ultimo aggiornamento:
7 giugno 12

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

File inclusi:
JavaScript JS, HTML, CSS

Versione software:
jQuery

Parole chiave

eCommerce, eCommerce, Tutti gli articoli, aggiungere dot, Aggiungi nota, Aggiungi Tag, animata hot spot, annotare, annotazione, hot spot personalizzati, hot spot dinamico, hot spot, hot spot per l'e-learning, hotspot, immagine annotate, annotazione immagine, Photo Tagger, questo tag