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

@fr1wwsAbonnez-vous à notre RSS pour rester à jour!

Nouveau! Suivez-nous que vous le souhaitez!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in pour ajouter des Hot Spots

"AddDot" plug-in peut être utilisé pour ajouter un point chaud et montrer breve partie spécifique de l'image. L'utilisateur peut également ajouter l'image au pouce dans la description. Plug-in peut être utilisé dans diverses industries comme...


  • Immobilier - Photo de l'édifice (peut montrer quel étage a quelle facilité)
  • Automobile - remorquage / Four Wheeler (info à propos de Court partie du véhicule)
  • Domaine médical - du corps humain (Décrivant différents produits de cette société ont pour partie spécifique du corps humain)
  • Education - Human Anatomy
  • Usine de machines - Machines à CNC (Expliquer quelle partie fait quoi et quand produit final est out)

Il ya beaucoup plus de secteurs où vous pouvez utiliser "addDot" plug-in.


Caractéristiques de plug-in

  • Afficher sur option de chargement
  • Description de l'image de pouce avec
  • Les options de type d'événement (hover / cliquer)
  • Vitesse d'animation personnalisée
  • Réglez l'option de largeur et hauteur
  • Spécifiez rembourrage limite
  • Réglez hotspots dans la limite
  • Attribuer numérique, l'alphabet et les valeurs romaines à des points chauds

Plug-in Options de personnalisation

Nom porperty Type de données Valeur par défaut Valeur possible Description
LeftPos entier 0 200 Placez point chaud sur la position gauche spécifiée
topPos entier 0 200 Placez point chaud sur la position supérieure spécifiée
étiquette chaîne "Texte de l'étiquette ' «Hot spot texte de l'étiquette ' Le texte de label qui sera affichage à l'intérieur point chaud
thumbImg chaîne aucun «img / thumb_img.gif ' Ajouter une image du pouce sur le côté gauche de l'étiquette. Pour afficher l'image de pouce, vous devez passer URL de l'image. (par exemple img / chemin / imgname.ext)
showOnLoad booléen faux vrai ou faux Situé à proximité de l'étiquette endroit ouvert / chaud sur la page de chargement. Si showOnLoad est définie sur true point chaud sera ouvert le chargement de la page
type d'événement chaîne «clic» «clic» ou «vol stationnaire» Set type d'événement pour point chaud ouverte effet / Fermer
aniType aniType 'aucun' 'slide' ou 'none' Il ya deux options, par la mise en diaporama point chaud va ouvrir / fermer avec effet de diapositive. Bien qu'aucun ouvrira / point chaud à proximité, sans aucun effet. Vous pouvez régler la vitesse d'animation via l'option aniSpeed
aniSpeed entier 1 2 ou 0,75 La durée de l'animation. (durée est exprimée en secondes)
largeur entier aucun 100 Réglez la largeur de point chaud. (la valeur est en pixels) Si la largeur est pas spécifié, il sera ajuster la largeur en fonction de hot spot contenu de texte de l'étiquette
Hauteur entier aucun 100 Réglez la hauteur de la tache chaude. (la valeur est en pixels) Si la hauteur est pas spécifié, il sera ajuster la hauteur basée sur place étiquette texte contenu chaud
boundaryPadding entier 0 10 Définir le remplissage droite et en bas, si largeur ou la hauteur ne sont pas spécifiés. En fixant contentPadding que 10 si la largeur est pas spécifié, il sera mis en largeur de point chaud 10px inférieure au maximum autorisé avec (largeur d'un conteneur d'image). Si la hauteur est pas spécifié, il sera mis en hauteur du point chaud 10px moins de hauteur maximale autorisée (hauteur d'un conteneur d'image)
withinBoundary booléen faux vrai ou faux Si cela est vrai, il ne permettra pas à la position de point chaud sur la zone d'image limite. Si l'utilisateur le faire il ajustera au maximum autorisé limite - 150px
btnLabel chaîne aucun '1' ou 'a' ou 'I' Réglez étiquette du bouton à la place de l'icône du bouton.



Change Log

Merci à tous ceux qui avaient acheté ce plug-in et suggéré d'ajouter plus de fonctionnalités en plug-in. Voici le journal des modifications pour les fonctionnalités de plug-in qui ne figuraient pas dans la première version du plug-in.


 v1.0.0 - 28e Mars 2012 Première sortie 
 v1.0.1 - 28e Mars 2012 Ajout d'une fonction pour ajouter étiquette du bouton à la place de l'icône du bouton. Ainsi, l'utilisateur peut ajouter ("1, 2, 3...», «a, b, c...", "A, B, C...", "I, II, III...") à la place de l'open icône de point chaud. 
 v1.0.2 - 5ème Avril 2012 Fonctionnalité ajoutée pour maintenir z-index pour éviter le chevauchement des étiquettes de points chauds. 
 v1.0.3 - 12ème Avril 2012 Ajout d'une fonction pour l'open direction de l'étiquette de point chaud. L'utilisateur peut spécifier étiquette de repère direction ouverte chaude soit comme "de gauche à droite" ou "droite à gauche" horizontalement et "Up" ou "Down" verticalement. 
 v1.0.4 - 18th Avril 2012 Ajout d'une fonction pour l'ouverture d'une seule étiquette de point chaud à la fois, précédemment ouvert hot spot sera cacher. 
 v1.0.5 - 2ème Juin 2012 Changement tag HTML du texte de l'étiquette de <p> et <div> de sorte que l'utilisateur peut ajouter <h1> à <h6>, <ul> <ol> etc balises dans l'étiquette. 
 v1.0.6 - 6ème Juin 2012 Correction du bug lorsque l'utilisateur a spécifié la largeur et de la hauteur à la fois. Il sortait de la hauteur autorisée max. Aussi largeur du cadre de point chaud est maintenant calculé sur la base de l'image largeur / hauteur plutôt que récipient largeur / hauteur. Si l'utilisateur veut pour régler largeur / hauteur de contaienr que max autorisé largeur / hauteur suffit d'écrire... . this.dotBoxWidth = $ cette dotBox.outerWidth (true); this.dotBoxHeight = $ cette dotBox.outerHeight (vrai).; 

Télécharger
D'autres éléments de ce typeTous les composants de cet auteur
CommentairesFoire aux questions et réponses

Propriétés

Créé:
27 Mars 12

Dernière mise à jour:
7 Juin 12

Navigateurs compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

Fichiers inclus:
JS JavaScript, HTML, CSS

Une version de logiciel:
jQuery

Mots-clés

commerce é, lectronique, commerce é, lectronique, Tous les objets, ajouter dot, ajouter une note, ajouter une é, tiquette, animé, e hot spot, annoter, annotation, hot spot personnalisé, point chaud dynamique, point chaud, point chaud pour l'e-learning, point chaud, annoter l'image, Annotation des images, Photo Tagger, marquer cette