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

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


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

Ads

Ad: Bluehost hosting

addDot - jQuery插件添加热点

“addDot”插件可以用于添加一个热点和显示有关的图像的特定部分简短说明。 用户还可以在添加说明拇指图像。 插件可以在不同的行业,如使用...


  • 房地产 - 建筑形象(能显示哪些楼有什么设施)
  • 汽车 - 拖车/四轮汽车(约合车辆部分短信息)
  • 医疗域 - 人体(描述该公司有对人体的特定部分的各种产品)
  • 教育 - 人体解剖学
  • 机械厂 - 数控机床(解释其中的一部分做什么,当最终产品出来)

还有很多的行业,可以用“addDot”插件。


插件功能

  • 展会上加载选项
  • 说明用拇指形象
  • 事件类型选项(悬停/点击)
  • 自定义动画速度
  • 调整宽度heigth选项
  • 指定边界填充
  • 调整中的边界热点
  • 分配数字,字母和罗马价值观热点

插件自定义选项

Porperty名称 数据类型 默认值 可能的值 描述
leftPos 0 200 将热点指定左侧位置
topPos 0 200 将热点指定顶部位置
标签 “标签文本” “热点标签文本” 标签文本,将显示屏内热点
thumbImg 没有 “IMG / thumb_img.gif” 加入拇指图像上标签的左侧。 为了显示大拇指的形象,你必须通过图片的URL。 (如IMG /路径/ imgname.ext)
showOnLoad 布尔 对或错 设置在页面加载打开/关闭热点标签。 如果showOnLoad 设置为true热点会在页面加载开放
EVENTTYPE “点击” “点击”或“悬停” 对于热点打开/关闭效果设置事件类型
aniType aniType “无” “幻灯片”或“无” 有两种选择,通过设置幻灯片热点将打开/关闭与滑动的效果。 虽然没有人会打开/关闭热点无任何影响。 您可以通过设置选项aniSpeed ​​动画速度
aniSpeed 1 2或0.75 动画的持续时间。 (持续时间为秒)
宽度 没有 100 设置宽度热点。 (值是像素)如果未指定宽度 ,则它将基于热点标签文字内容调整宽度
高度 没有 100 热点设置高度。 (值是像素)如果未指定高度 ,它会根据热点标签文字内容调整高度
boundaryPadding 0 10 将右底部填充如果没有指定宽度或高度。 通过如果未指定宽度设置contentPadding10,它将设置宽度热点10px的不足与最大(宽图像容器)允许的。 如果未指定高度,它将设置热点10px的更少的高度比最大允许高度(图像容器的高度)
withinBoundary 布尔 对或错 如果属实,这将不会允许的热点位置出图像区域的边界。 如果用户这样做会调整到最大允许的边界 - 150像素
btnLabel 没有 '1'或'a'或'I' 设置按钮标签,而不是按钮图标。



更改日志

感谢所有谁购买了这个插件和建议,以增加更多的功能集成到插件。 下面是更改日志的量并没有包括在该插件的第一版本插件特性。


 V1.0.0 - 28日2012年3月 首次发行 
 V1.0.1 - 28日2012年3月 新增功能来添加按钮标签,而不是按钮图标。 因此,用户可以添加(“1,2,3...”,“A,B,C......”,“A,B,C......”,“一,二,三......”),而不是开放热点图标。 
 V1.0.2 - 2012 4月5日 功能加入到维护的z-index以避免热点标签重叠。 
 V1.0.3 - 12日2012年4月 新增功能对于开放热点标签的方向。 因为无论是“左到右”或“从右至左”水平和“向上”或“向下”垂直用户可以指定热点标签打开方向。 
 v1.0.4 - 18日2012年4月 新增功能对于在同一时间打开只有一个热点标签,先前打开的热点将是隐藏。 
 V1.0.5 - 第二届2012年6月 从<p>标签文本的更改HTML标记<DIV>,以便用户可以添加<H1>到<H6>,<ul> <OL>等标签的标签。 
 1.0.6 - 6日2012年6月 修正了当用户指定的宽度和高度都错误。 有人走出来的最大允许高度。 此外热点框的宽度现在计算基于图像宽度/高度,而不是容器宽度/高度。 如果用户希望它来设置contaienr宽/高为最大允许宽度/高度只写... 。this.dotBoxWidth =该$ dotBox.outerWidth(真正的); this.dotBoxHeight =这个$ dotBox.outerHeight(真)。 

下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
12年3月27日

最后更新:
12年6月7日

兼容的浏览器:
IE8,IE9,火狐,Safari,歌剧,铬

包括的文件:
JS的JavaScript,HTML,CSS

软件版本:
jQuery的

关键字

电子商务, 电子商务, 所有项目, 加点, 加注, 添加标签, 动画热点, 注释, 注解, 自定义热点, 动态热点, 热点, 热点电子学习, 热点, 图片注释, 图像标注, 照片恶搞, 这个标签