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

@es1wwsSuscríbete a nuestro RSS para estar al día!

¡Nuevo! Síguenos como quieras!


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

Ads

Ad: Bluehost hosting

addDot - jQuery plug-in para añadir puntos calientes

"AddDot" plug-in se puede utilizar para añadir un punto caliente y mostrar breve descripcion de parte específica de una imagen. El usuario puede también agregar pulgar en la descripción. Plug-in puede ser utilizado en diversas industrias como...


  • Inmobiliarios - Edificio de la imagen (¿Puede mostrar qué piso tiene lo que las instalaciones)
  • Automotriz - Remolque / Four Wheeler (Kurzinfo sobre parte del vehículo)
  • Dominio Médico - Cuerpo Humano (Describir diversos productos que la empresa tiene para la parte específica del cuerpo humano)
  • Educación - Anatomía Humana
  • Fábrica de Maquinaria - Máquinas CNC (Explicando qué parte hace lo que cuando el producto final es hacia fuera)

Hay muchas más industrias en las que se pueden utilizar "addDot" plug-in.


Características Plug-in

  • Mostrar en opción de carga
  • Descripción imagen pulgar con
  • Opciones de tipo de eventos (activable / click)
  • Velocidad de la animación personalizada
  • Ajuste la opción de ancho y heigth
  • Especifique el relleno límite
  • Ajustar puntos de acceso dentro de límites
  • Asignar numérico, el alfabeto y el valor de romanos a los puntos calientes

Plug-in Opciones de personalización

Nombre porperty Tipo de datos Valor por defecto Valor Posible Descripción
leftPos entero 0 200 Coloca punto caliente en la posición izquierda especificada
topPos entero 0 200 Coloca punto caliente en la primera posición especificada
etiqueta cuerda 'Texto Etiqueta' 'Punto caliente texto de la etiqueta' Texto Etiqueta que estará pantalla dentro de punto caliente
thumbImg cuerda ninguna 'img / thumb_img.gif' Añadir pulgar en el lado izquierdo de la etiqueta. Para mostrar la imagen del pulgar, usted tiene que pasar URL de la imagen. (por ejemplo, img / path / imgname.ext)
showOnLoad boolean falso verdadero o falso Establecer abierta cerca de la etiqueta del punto / caliente al cargar la página. Si showOnLoad se establece en true punto caliente estará abierta al cargar la página
tipo de evento cuerda 'hacer clic' "clic" o "activable" Establecer el tipo de evento para el punto caliente abierta efecto / cierre
aniType aniType 'ninguna' 'slide' o 'no' Hay dos opciones, mediante el establecimiento de diapositivas punto caliente se abrirá / cierre con efecto deslizante. Si bien ninguna de ellas podrá abrir / cerrar en punto caliente sin ningún efecto. Puede establecer la velocidad de la animación a través de la opción aniSpeed
aniSpeed entero 1 2 o 0,75 La duración de la animación. (duración en segundos)
anchura entero ninguna 100 Anchura Conjunto de punto caliente. (el valor es en píxeles) Si la anchura no se especifica, se ajustará el ancho basado en punto caliente el contenido del texto de etiqueta
altura entero ninguna 100 Ajuste la altura del punto caliente. (el valor es en píxeles) Si no se especifica la altura, se ajustará la altura basada en punto de etiqueta de contenido de texto caliente
boundaryPadding entero 0 10 Establecer relleno derecho e inferior si no se especifica la anchura o la altura. Al establecer contentPadding como 10 si el ancho no se especifica, se establecerá ancho de punto caliente 10px menos del máximo permitido con (anchura de un contenedor de imagen). Si no se especifica la altura, se establecerá la altura del punto caliente 10px menos del máximo permitido altura (altura de un contenedor de imágenes)
withinBoundary boolean falso verdadero o falso Si es verdad, que no permitirá que la posición punto caliente fuera del área de la imagen de límites. Si el usuario lo haga se ajustará al máximo permitido límite - 150px
btnLabel cuerda ninguna '1' o 'a' o 'I' Establecer etiqueta del botón en lugar del botón de icono.



Cambio de registro

Gracias a todos los que habían comprado este plug-in y sugerido para añadir más características en el plug-in. A continuación se presentan registro de cambios para las características de los plug-in que no se incluyeron en la primera versión del plug-in.


 v1.0.0 - 28 de marzo 2012 Primer lanzamiento 
 v1.0.1 - 28 de marzo 2012 Característica adicional para añadir etiqueta del botón en lugar del botón de icono. Así el usuario puede añadir ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") en lugar de abierta icono de punto caliente. 
 v1.0.2 - 05 de abril 2012 Funcionalidad añadida para mantener z-index para evitar la superposición de etiquetas de puntos calientes. 
 v1.0.3 - 12 de abril 2012 Característica adicional para open dirección etiqueta punto caliente. El usuario puede especificar la etiqueta mancha dirección abierta caliente como "izquierda a derecha" o "derecha a izquierda" horizontalmente y "Up" o "Down" verticalmente. 
 v1.0.4 - 18 de abril 2012 Añadido función para la apertura de una sola etiqueta de punto caliente a la vez, previamente abrió punto caliente será ocultar. 
 v1.0.5 - 02 de junio 2012 Cambiado etiqueta HTML del texto de la etiqueta de <p> a <div> de modo que el usuario puede añadir <h1> a <h6 etiquetas>, <ul> <ol> etc en la etiqueta. 
 v1.0.6 - 06 de junio 2012 Corregido el error cuando el usuario ha especificado anchura y altura de ambos. Se estaba saliendo de la altura máxima permitida. También ancho de caja de punto caliente se calcula ahora en base a la imagen de anchura / altura en lugar de contenedores anchura / altura. Si el usuario quiere que establece contaienr anchura / altura como máximo permitido anchura / altura acaba de escribir... . this.dotBoxWidth = esta $ dotBox.outerWidth (true); this.dotBoxHeight = esta $ dotBox.outerHeight (verdadero).; 

Descargar
Otros componentes de esta categoríaTodos los componentes de este autor
ComentariosPreguntas frecuentes y respuestas

Propiedades

Creado:
27 de marzo 12

Última actualización:
07 de junio 12

Los navegadores compatibles:
IE8, IE9, Firefox, Safari, Opera, Chrome

Archivos incluidos:
JavaScript JS, HTML, CSS

Versión del software:
jQuery

Palabras clave

eCommerce, eCommerce, Todos los objetos, añ, adir puntos, añ, adir la nota, añ, adir etiqueta, punto caliente animada, anotar, anotació, n, punto caliente de encargo, punto caliente diná, mico, punto caliente, punto caliente para el e-learning, hotspot, imagen annotate, anotació, n de imagen, Photo Tagger, etiquetar este