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

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


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

Ads

Ad: Bluehost hosting

addDot - plug-in jQuery para adicionar Hot Spots

"AddDot" plug-in pode ser usado para adicionar um ponto quente e mostrar breve descrição sobre porção específica de uma imagem. O usuário pode também adicionar imagem polegar na descrição. Plug-in pode ser utilizado em diversos setores como...


  • Imóveis - Edifício Imagem (pode mostrar que o piso tem facilidade)
  • Automotive - Tow / Quatro Wheeler (info curto sobre parte do veículo)
  • Domínio Medical - do corpo humano (Descrevendo vários produtos que a empresa tem para parte específica do corpo humano)
  • Educação - Anatomia Humana
  • Fábrica de Máquinas - Máquinas CNC (Explicando que parte faz o quê, quando o produto final é out)

Há muito mais indústrias onde você pode usar "addDot" plug-in.


Plug-in Características

  • Mostrar no opção de carregamento
  • Descrição polegar com imagem
  • Opções de tipo de evento (pairar / clique em)
  • Personalizado velocidade da animação
  • Opção de largura e ajustar heigth
  • Especifique preenchimento fronteira
  • Ajuste hotspots dentro de fronteira
  • Atribuir numérico, alfabeto romano e valores de pontos quentes

Plug-in Opções de personalização

Nome Porperty Tipo de dado Valor padrão Possível Valor Descrição
LeftPos número inteiro 0 200 Coloque hot spot em posição esquerda especificado
TopPos número inteiro 0 200 Coloque hot spot em posição superior especificado
etiqueta corda 'Rótulo de texto' 'Hot spot texto do rótulo' Texto do rótulo que será exibido dentro hot spot
thumbImg corda nenhum 'img / thumb_img.gif' Adicionar imagem polegar no lado esquerdo da etiqueta. Para visualizar a imagem polegar, você tem que passar URL da imagem. (por exemplo, img / path / imgname.ext)
showOnLoad boolean falso verdadeiro ou falso Situado perto rótulo local aberto / quente no carregamento da página. Se showOnLoad é definido como verdadeiro ponto quente será aberto no carregamento da página
tipo de evento corda 'clique' 'clique' ou 'foco' Definir o tipo de evento para hot spot aberto efeito / close
aniType aniType 'nenhum' 'slides' ou 'none' Existem duas opções, através da criação de slides hot spot irá abrir / fechar com efeito slide. Embora nenhum vai abrir / fechar hot spot sem qualquer efeito. Você pode definir a velocidade da animação através da opção aniSpeed
aniSpeed número inteiro 1 2 ou 0,75 A duração da animação. (duração é em segundos)
largura número inteiro nenhum 100 Definir a largura de ponto quente. (o valor é em pixel) Se a largura não for especificado, ele irá ajustar a largura da base em hot spot conteúdo texto do rótulo
altura número inteiro nenhum 100 Altura do conjunto de hot spot. (o valor é em pixel) Se a altura não for especificado, ele irá ajustar a altura com base no conteúdo do texto etiqueta hot spot
boundaryPadding número inteiro 0 10 Definir o preenchimento direita e inferior, se largura ou a altura não é especificado. Ao definir contentPadding como 10 se a largura não for especificado, ele irá definir a largura de ponto quente 10px menor que o máximo permitido com (largura de um recipiente de imagem). Se a altura não for especificado, ele irá definir altura do ponto quente 10px menos de máximo permitido altura (altura de um recipiente imagem)
withinBoundary boolean falso verdadeiro ou falso Se for verdade, isso não vai permitir que posição hot spot fora do limite de área de imagem. Se o usuário fazê-lo ele irá ajustar ao limite máximo permitido - 150px
btnLabel corda nenhum '1' ou 'a' ou 'eu' Definir etiqueta do botão em vez do ícone da tecla.



Alterar o Registro

Obrigado a todos que tinha comprado este plug-in e sugeriu a adicionar mais recursos para plug-in. Abaixo estão log de alterações para plug-in características que não foram incluídos na primeira versão do plug-in.


 v1.0.0 - 28 mar 2012 Primeiro lançamento 
 v1.0.1 - 28 mar 2012 Adicionado recurso para adicionar etiqueta do botão em vez do ícone da tecla. Assim o utilizador pode adicionar ("1, 2, 3...", "a, b, c...", "A, B, C...", "I, II, III...") em vez Ícone do ponto quente aberta. 
 v1.0.2 - 05 de abril de 2012 Funcionalidades adicionais para manter z-index para evitar a sobreposição de etiquetas hot spot. 
 v1.0.3 - 12 de abril de 2012 Adicionado recurso para direção de abertura etiqueta hot spot. O usuário pode especificar rótulo local direção aberto quente como quer "esquerda para a direita" ou "direita para a esquerda" horizontalmente e "Up" ou "Down" verticalmente. 
 v1.0.4 - 18 de abril de 2012 Adicionado recurso para a abertura de apenas um ponto quente etiqueta de cada vez, aberta anteriormente hot spot será hide. 
 v1.0.5 - 02 de junho de 2012 Tag HTML Changed de texto do rótulo <p> para <div> para que o usuário pode adicionar <h1> para <h6>, <ul> <ol> etc tags no rótulo. 
 v1.0.6 - 6 de junho de 2012 Corrigido o erro quando o usuário tenha especificado largura e altura ambos. Ele estava saindo da altura permitida max. Também largura da caixa de hot spot agora é calculada com base na imagem largura / altura, em vez de recipiente largura / altura. Se o usuário quer para definir a largura / altura contaienr como máximo permitido largura / altura apenas escrever... . this.dotBoxWidth = esta $ dotBox.outerWidth (true); this.dotBoxHeight = esta $ dotBox.outerHeight (true).; 

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
27 de 12 de março

Última atualização:
7 jun 12

Navegadores compatíveis:
IE8, IE9, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, adicionar dot, adicionar nota, adicionar etiqueta, animated hot spot, anotar, anotaç, ã, o, costume local quente, dinâ, mica hot spot, ponto de acesso, hot spot para e-learning, ponto de acesso, imagem annotate, anotaç, ã, o de imagem, tagger foto, marcar esta