{"id":82308,"date":"2025-06-21T00:10:08","date_gmt":"2025-06-21T00:10:08","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/"},"modified":"2025-06-21T00:11:09","modified_gmt":"2025-06-21T00:11:09","slug":"adddot-the-jquery-plug-in-for-adding-hot-spots","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/","title":{"rendered":"addDot &#8211; The jQuery Plug-in for Adding Hot Spots"},"content":{"rendered":"<a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<p><a class=\"wp_automatic_demo_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fadddot-the-jquery-plugin-for-adding-hot-spots%2Ffull_screen_preview%2F1860111\">LIVE PREVIEW<\/a><a class=\"wp_automatic_buy_btn\" target=\"_blank\" href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fadddot-the-jquery-plugin-for-adding-hot-spots%2F1860111\">BUY FOR $7<\/a><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/previews.customer.envatousercontent.com\/files\/23051175\/addDot_Inline_Preview_Image.jpg\"><\/p>\n<h3 id=\"item-description__adddot-jquery-plug-in-for-adding-hot-spots\">addDot &#8211; jQuery plug-in for including Sizzling Spots<\/h3>\n<p>&#8220;addDot&#8221; plug-in can be utilized for including a scorching spot and present brief description about particular portion of a picture. Person may also add thumb picture within the description. Plug-in can be utilized in numerous industries like&#8230;<\/p>\n<p><\/p>\n<ul>\n<li>Actual Property &#8211; Constructing Picture (Can present which ground has what facility)<\/li>\n<li>Automotive &#8211; Tow\/4 Wheeler (Brief data about a part of automobile)<\/li>\n<li>Medical Area &#8211; Human Physique (Describing numerous merchandise that firm have for particular a part of human physique)<\/li>\n<li>Training &#8211; Human Anatomy<\/li>\n<li>Manufacturing unit Equipment &#8211; CNC Machines (Explaining which half does what when closing product is out)<\/li>\n<\/ul>\n<p><\/p>\n<p>There are lot extra industries the place you need to use &#8220;addDot&#8221; plug-in.<\/p>\n<p><\/p>\n<h3 id=\"item-description__plug-in-features\">Plug-in Options<\/h3>\n<ul>\n<li>Present on load choice<\/li>\n<li>Description with thumb picture<\/li>\n<li>Occasion kind choices (hover\/click on)<\/li>\n<li>Customized animation pace<\/li>\n<li>Alter width &#38; heigth choice<\/li>\n<li>Specify boundary padding<\/li>\n<li>Alter hotspots inside boundary<\/li>\n<li>Assign numeric, alphabet &#38; roman values to scorching spots<\/li>\n<\/ul>\n<p><\/p>\n<h3 id=\"item-description__plug-in-customization-options\">Plug-in Customization Choices<\/h3>\n<table>\n<tr>\n<th><strong>Porperty Identify<\/strong><\/th>\n<th>\u00a0\u00a0\u00a0<\/th>\n<th><strong>Knowledge Kind<\/strong><\/th>\n<th>\u00a0\u00a0\u00a0<\/th>\n<th><strong>Default Worth<\/strong><\/th>\n<th>\u00a0\u00a0\u00a0<\/th>\n<th><strong>Potential Worth<\/strong><\/th>\n<th>\u00a0\u00a0\u00a0<\/th>\n<th><strong>Description<\/strong><\/th>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>leftPos<\/td>\n<td>\u00a0\u00a0\u00a0<\/td>\n<td>integer <\/td>\n<td>\u00a0\u00a0\u00a0<\/td>\n<td>0<\/td>\n<td>\u00a0\u00a0\u00a0<\/td>\n<td>200<\/td>\n<td>\u00a0\u00a0\u00a0<\/td>\n<td>Place scorching spot on specified left place<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>topPos<\/td>\n<td>\u00a0<\/td>\n<td>integer<\/td>\n<td>\u00a0<\/td>\n<td>0<\/td>\n<td>\u00a0<\/td>\n<td>200<\/td>\n<td>\u00a0<\/td>\n<td>Place scorching spot on specified high place<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>label<\/td>\n<td>\u00a0<\/td>\n<td>string<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;Label Textual content&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;Sizzling spot label textual content&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>Label textual content that will likely be show inside scorching spot<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>thumbImg<\/td>\n<td>\u00a0<\/td>\n<td>string<\/td>\n<td>\u00a0<\/td>\n<td>none<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;img\/thumb_img.gif&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>Add thumb picture on left aspect of label. For displaying thumb picture, you must move picture URL. (e.g. img\/path\/imgname.ext)<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>showOnLoad<\/td>\n<td>\u00a0<\/td>\n<td>boolean<\/td>\n<td>\u00a0<\/td>\n<td>false<\/td>\n<td>\u00a0<\/td>\n<td>true or false<\/td>\n<td>\u00a0<\/td>\n<td>Set open\/shut scorching spot label on web page load. If <strong>showOnLoad<\/strong> is about to <em>true<\/em> scorching spot will likely be open on web page load<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>eventType<\/td>\n<td>\u00a0<\/td>\n<td>string<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;click on&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;click on&#8217; or &#8216;hover&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>Set occasion kind for decent spot open\/shut impact<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>aniType<\/td>\n<td>\u00a0<\/td>\n<td>aniType<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;none&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;slide&#8217; or &#8216;none&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>There are two choices, by setting <strong>slide<\/strong> scorching spot will open\/shut with slide impact. Whereas <em>none<\/em> will open\/shut scorching spot with none impact.    You&#8217;ll be able to set the animation pace by way of <strong>aniSpeed<\/strong> choice<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>aniSpeed<\/td>\n<td>\u00a0<\/td>\n<td>integer<\/td>\n<td>\u00a0<\/td>\n<td>1<\/td>\n<td>\u00a0<\/td>\n<td>2 or 0.75<\/td>\n<td>\u00a0<\/td>\n<td>The length of the animation. (length is in seconds)<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>width<\/td>\n<td>\u00a0<\/td>\n<td>integer<\/td>\n<td>\u00a0<\/td>\n<td>none<\/td>\n<td>\u00a0<\/td>\n<td>100<\/td>\n<td>\u00a0<\/td>\n<td>Set width of scorching spot. (worth is in pixel) If <strong>width<\/strong> is just not specified, it should alter width based mostly on scorching spot label textual content content material<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>peak<\/td>\n<td>\u00a0<\/td>\n<td>integer<\/td>\n<td>\u00a0<\/td>\n<td>none<\/td>\n<td>\u00a0<\/td>\n<td>100<\/td>\n<td>\u00a0<\/td>\n<td>Set peak of scorching spot. (worth is in pixel) If <strong>peak<\/strong> is just not specified, it should alter peak based mostly on scorching spot label textual content content material<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>boundaryPadding<\/td>\n<td>\u00a0<\/td>\n<td>integer<\/td>\n<td>\u00a0<\/td>\n<td>0<\/td>\n<td>\u00a0<\/td>\n<td>10<\/td>\n<td>\u00a0<\/td>\n<td>Set proper &#38; backside padding if width or peak is just not specified. By setting <strong>contentPadding<\/strong> as <em>10<\/em> if width is just not specified, it should set width of scorching spot 10px lower than most allowed with (width of a picture container). If peak is just not specified, it should set peak of scorching spot 10px lower than most allowed peak (peak of a picture container)<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>withinBoundary<\/td>\n<td>\u00a0<\/td>\n<td>boolean<\/td>\n<td>\u00a0<\/td>\n<td>false<\/td>\n<td>\u00a0<\/td>\n<td>true or false<\/td>\n<td>\u00a0<\/td>\n<td>If true, it is not going to enable scorching spot place out of picture space boundary. If person accomplish that it should alter to max allowed boundary &#8211; 150px<\/td>\n<\/tr>\n<tr>\n<td>\u00a0<\/td>\n<\/tr>\n<tr>\n<td>btnLabel<\/td>\n<td>\u00a0<\/td>\n<td>string<\/td>\n<td>\u00a0<\/td>\n<td>none<\/td>\n<td>\u00a0<\/td>\n<td>&#8216;1&#8217; or &#8216;a&#8217; or &#8216;I&#8217;<\/td>\n<td>\u00a0<\/td>\n<td>Set button label as a substitute of button icon.<\/td>\n<\/tr>\n<\/table>\n<p>\n<\/p>\n<h3 id=\"item-description__change-log\">Change Log<\/h3>\n<p>Thanks all who had bought this plug-in &#38; advised so as to add extra options into plug-in. Under are change log for plug-in options which weren&#8217;t included in first model of the plug-in.<\/p>\n<p><\/p>\n<pre>v1.0.0 - twenty eighth March 2012\nFirst launch\n<\/pre>\n<pre>v1.0.1 - twenty eighth March 2012\nAdded characteristic so as to add button label as a substitute of button icon. So person can add (\"1, 2, 3...\", \"a, b, c...\", \"A, B, C...\", \"I, II, III...\") as a substitute of open scorching spot icon.\n<\/pre>\n<pre>v1.0.2 - fifth April 2012\nPerformance added to keep up z-index to keep away from overlapping of scorching spot labels.\n<\/pre>\n<pre>v1.0.3 - twelfth April 2012\nAdded characteristic for open scorching spot label course. Person can specify scorching spot label open course as both \"Left to Proper\" or \"Proper to Left\" horizontally and \"Up\" or \"Down\" vertically.\n<\/pre>\n<pre>v1.0.4 - 18th April 2012\nAdded characteristic for opening just one scorching spot label at a time, beforehand opened scorching spot will likely be conceal.\n<\/pre>\n<pre>v1.0.5 - 2nd June 2012\nModified HTML tag of Label Textual content from &lt;p&gt; to &lt;div&gt; in order that person can add &lt;h1&gt; to &lt;h6&gt;, &lt;ul&gt; &lt;ol&gt; and so forth tags in label.\n<\/pre>\n<pre>v1.0.6 - sixth June 2012\nMounted the bug when person has specified width &#38; peak each. It was popping out of max allowed peak. Additionally scorching spot field width is now calculated based mostly on picture width\/peak quite than container width\/peak. If person needs it to set contaienr width\/peak as max allowed width\/peak simply write...\n\n this.dotBoxWidth = this.$dotBox.outerWidth(true);\n this.dotBoxHeight = this.$dotBox.outerHeight(true);\n<\/pre>\n<p>\n<iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/>\n<a href=\"https:\/\/1.envato.market\/c\/2840012\/950273\/4415?u=https%3A%2F%2Fcodecanyon.net%2Fitem%2Fadddot-the-jquery-plugin-for-adding-hot-spots%2F1860111\">Source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE PREVIEWBUY FOR $7 addDot &#8211; jQuery plug-in for including Sizzling Spots &#8220;addDot&#8221; plug-in can be utilized for including a scorching spot and present brief&#8230;<\/p>\n","protected":false},"author":1,"featured_media":82309,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[15491,15492,15493,15494,15495,10000,15496,15497,15498,15499,6608,15500,10002,15501,15502],"class_list":["post-82308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codes","tag-add-dot","tag-add-note","tag-add-tag","tag-animated-hot-spot","tag-annotate","tag-annotation","tag-custom-hot-spot","tag-dynamic-hot-spot","tag-hot-spot","tag-hot-spot-for-e-learning","tag-hotspot","tag-image-annotate","tag-image-annotation","tag-photo-tagger","tag-tag-this"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-06-21T00:10:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-21T00:11:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"590\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"addDot &#8211; The jQuery Plug-in for Adding Hot Spots\",\"datePublished\":\"2025-06-21T00:10:08+00:00\",\"dateModified\":\"2025-06-21T00:11:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/\"},\"wordCount\":569,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/addDot_Inline_Preview_Image.jpg\",\"keywords\":[\"add dot\",\"add note\",\"add tag\",\"animated hot spot\",\"annotate\",\"annotation\",\"custom hot spot\",\"dynamic hot spot\",\"hot spot\",\"hot spot for e-learning\",\"hotspot\",\"image annotate\",\"image annotation\",\"photo tagger\",\"tag this\"],\"articleSection\":[\"Code's\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/\",\"name\":\"addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/addDot_Inline_Preview_Image.jpg\",\"datePublished\":\"2025-06-21T00:10:08+00:00\",\"dateModified\":\"2025-06-21T00:11:09+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/addDot_Inline_Preview_Image.jpg\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/addDot_Inline_Preview_Image.jpg\",\"width\":590,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2025\\\/06\\\/21\\\/adddot-the-jquery-plug-in-for-adding-hot-spots\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"addDot &#8211; The jQuery Plug-in for Adding Hot Spots\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/","og_locale":"en_US","og_type":"article","og_title":"addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2025-06-21T00:10:08+00:00","article_modified_time":"2025-06-21T00:11:09+00:00","og_image":[{"width":590,"height":300,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg","type":"image\/jpeg"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"addDot &#8211; The jQuery Plug-in for Adding Hot Spots","datePublished":"2025-06-21T00:10:08+00:00","dateModified":"2025-06-21T00:11:09+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/"},"wordCount":569,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg","keywords":["add dot","add note","add tag","animated hot spot","annotate","annotation","custom hot spot","dynamic hot spot","hot spot","hot spot for e-learning","hotspot","image annotate","image annotation","photo tagger","tag this"],"articleSection":["Code's"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/","url":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/","name":"addDot - The jQuery Plug-in for Adding Hot Spots - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg","datePublished":"2025-06-21T00:10:08+00:00","dateModified":"2025-06-21T00:11:09+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2025\/06\/addDot_Inline_Preview_Image.jpg","width":590,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2025\/06\/21\/adddot-the-jquery-plug-in-for-adding-hot-spots\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"addDot &#8211; The jQuery Plug-in for Adding Hot Spots"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=82308"}],"version-history":[{"count":1,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82308\/revisions"}],"predecessor-version":[{"id":82310,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/82308\/revisions\/82310"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/82309"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=82308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=82308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=82308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}