{"id":3192,"date":"2014-07-08T17:58:03","date_gmt":"2014-07-08T17:58:03","guid":{"rendered":"http:\/\/www.kriesi.at\/themes\/enfold\/?page_id=3192"},"modified":"2026-03-06T00:51:00","modified_gmt":"2026-03-06T00:51:00","slug":"images-with-hotspots","status":"publish","type":"page","link":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/","title":{"rendered":"Images with Hotspots"},"content":{"rendered":"<div  class='av-hotspot-image-container   avia_animated_image avia_animate_when_almost_visible fade-in av-hotspot-numbered av-mobile-fallback-active    avia-builder-el-0  el_before_av_heading  avia-builder-el-first  av-non-fullwidth-hotspot-image'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class='av-hotspot-container'><div class='av-hotspot-container-inner-cell'><div class='av-hotspot-container-inner-wrap'><div class='av-image-hotspot av-image-hotspot-1 ' data-avia-tooltip-position='right' data-avia-tooltip-alignment='centered' data-avia-tooltip-class='av-tt-default-width av-tt-pos-right av-tt-align-centered  av-mobile-fallback-active  main_color av-tt-hotspot' data-avia-tooltip='&lt;p&gt;Place any number of tooltips on the image&lt;\/p&gt;\n' style='top: 60.4%; left: 12.5%; '><div class='av-image-hotspot_inner' style=' '>1<\/div><div class='av-image-hotspot-pulse' ><\/div><\/div><div class='av-image-hotspot av-image-hotspot-2 ' data-avia-tooltip-position='bottom' data-avia-tooltip-alignment='centered' data-avia-tooltip-class='av-tt-xlarge-width av-tt-pos-below av-tt-align-centered  av-mobile-fallback-active  main_color av-tt-hotspot' data-avia-tooltip='&lt;p&gt;You can change styling, size and position of each of the tooltips to your likings&lt;\/p&gt;\n' style='top: 25.5%; left: 59%; '><div class='av-image-hotspot_inner' style=' '>2<\/div><div class='av-image-hotspot-pulse' ><\/div><\/div><div class='av-image-hotspot av-image-hotspot-3 ' data-avia-tooltip-position='top' data-avia-tooltip-alignment='left' data-avia-tooltip-class='av-tt-large-width av-tt-pos-above av-tt-align-left  av-mobile-fallback-active  transparent_dark av-tt-hotspot' data-avia-tooltip='&lt;p&gt;Here is an example of a tooltip with a different color scheme&lt;\/p&gt;\n' style='top: 67.4%; left: 69.5%; '><div class='av-image-hotspot_inner' style='background-color: #000000; color: #ffffff;'>3<\/div><div class='av-image-hotspot-pulse' style='background-color:#1e73be;'><\/div><\/div><img decoding=\"async\" class='wp-image-315 avia-img-lazy-loading-not-315 avia_image' src=\"https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/014-1000x430.jpg\" alt='' title='014'  height=\"430\" width=\"1000\"  itemprop=\"thumbnailUrl\"  \/><\/div><\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-1 '><div class='av-hotspot-fallback-tooltip-count'>1<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nPlace any number of tooltips on the image<\/p>\n<\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-2 '><div class='av-hotspot-fallback-tooltip-count'>2<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nYou can change styling, size and position of each of the tooltips to your likings<\/p>\n<\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-3 '><div class='av-hotspot-fallback-tooltip-count'>3<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nHere is an example of a tooltip with a different color scheme<\/p>\n<\/div><\/div><\/div>\n<div  style='padding-bottom:10px; ' class='av-special-heading av-special-heading-h1  blockquote modern-quote modern-centered  avia-builder-el-1  el_after_av_image_hotspot  el_before_av_textblock  avia-builder-el-first  av-thin-font '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Images <strong>with Tooltips<\/strong><\/h1><div class='special-heading-border'><div class='special-heading-inner-border' ><\/div><\/div><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<\/p>\n<\/div><\/section>\n<div class=\"flex_column av_one_half  flex_column_div first  avia-builder-el-3  el_after_av_textblock  el_before_av_one_half  column-top-margin\" ><div  class='av-hotspot-image-container   avia_animated_image avia_animate_when_almost_visible left-to-right av-hotspot-numbered av-mobile-fallback-active    avia-builder-el-4  avia-builder-el-no-sibling  av-non-fullwidth-hotspot-image'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class='av-hotspot-container'><div class='av-hotspot-container-inner-cell'><div class='av-hotspot-container-inner-wrap'><div class='av-image-hotspot av-image-hotspot-1 ' data-avia-tooltip-position='right' data-avia-tooltip-alignment='centered' data-avia-tooltip-class='av-tt-default-width av-tt-pos-right av-tt-align-centered  av-mobile-fallback-active  main_color av-tt-hotspot' data-avia-tooltip='&lt;p&gt;Place any number of tooltips on the image&lt;\/p&gt;\n' style='top: 43.7%; left: 47.5%; '><div class='av-image-hotspot_inner' style=' '>1<\/div><div class='av-image-hotspot-pulse' ><\/div><\/div><img decoding=\"async\" class='wp-image-316 avia-img-lazy-loading-not-316 avia_image' src=\"https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/2-300x195.jpg\" alt='' title='2'  height=\"195\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/2-300x195.jpg 300w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/2-768x499.jpg 768w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/2-705x458.jpg 705w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-1 '><div class='av-hotspot-fallback-tooltip-count'>1<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nPlace any number of tooltips on the image<\/p>\n<\/div><\/div><\/div><\/div>\n<div class=\"flex_column av_one_half  flex_column_div   avia-builder-el-5  el_after_av_one_half  el_before_av_textblock  column-top-margin\" ><div  class='av-hotspot-image-container   avia_animated_image avia_animate_when_almost_visible pop-up av-hotspot-numbered av-mobile-fallback-active    avia-builder-el-6  avia-builder-el-no-sibling  av-non-fullwidth-hotspot-image'  itemprop=\"image\" itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/ImageObject\" ><div class='av-hotspot-container'><div class='av-hotspot-container-inner-cell'><div class='av-hotspot-container-inner-wrap'><div class='av-image-hotspot av-image-hotspot-1 ' data-avia-tooltip-position='right' data-avia-tooltip-alignment='centered' data-avia-tooltip-class='av-tt-default-width av-tt-pos-right av-tt-align-centered  av-mobile-fallback-active  main_color av-tt-hotspot' data-avia-tooltip='&lt;p&gt;Place any number of tooltips on the image&lt;\/p&gt;\n' style='top: 28.3%; left: 17.5%; '><div class='av-image-hotspot_inner' style=' '>1<\/div><div class='av-image-hotspot-pulse' ><\/div><\/div><div class='av-image-hotspot av-image-hotspot-2 ' data-avia-tooltip-position='top' data-avia-tooltip-alignment='left' data-avia-tooltip-class='av-tt-large-width av-tt-pos-above av-tt-align-left  av-mobile-fallback-active  transparent_dark av-tt-hotspot' data-avia-tooltip='&lt;p&gt;Here is an example of a tooltip with a different color scheme&lt;\/p&gt;\n' style='top: 57.7%; left: 83.5%; '><div class='av-image-hotspot_inner' style='background-color: #000000; color: #ffffff;'>2<\/div><div class='av-image-hotspot-pulse' style='background-color:#aa1b1b;'><\/div><\/div><img decoding=\"async\" class='wp-image-314 avia-img-lazy-loading-not-314 avia_image' src=\"https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/013-300x195.jpg\" alt='' title='013'  height=\"195\" width=\"300\"  itemprop=\"thumbnailUrl\" srcset=\"https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/013-300x195.jpg 300w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/013-768x499.jpg 768w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/013-705x458.jpg 705w, https:\/\/clearskyhealth.com\/lancaster\/wp-content\/uploads\/sites\/17\/2012\/04\/013.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-1 '><div class='av-hotspot-fallback-tooltip-count'>1<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nPlace any number of tooltips on the image<\/p>\n<\/div><\/div><div class='av-hotspot-fallback-tooltip av-image-hotspot-2 '><div class='av-hotspot-fallback-tooltip-count'>2<div class='avia-arrow'><\/div><\/div><div class='av-hotspot-fallback-tooltip-inner clearfix'><p>\nHere is an example of a tooltip with a different color scheme<\/p>\n<\/div><\/div><\/div><\/div>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<\/p>\n<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.<\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":8,"featured_media":0,"parent":750,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3192","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/\" \/>\n<meta property=\"og:site_name\" content=\"ClearSky Rehabilitation Hospital of Lancaster\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-06T00:51:00+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/\",\"url\":\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/\",\"name\":\"Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster\",\"isPartOf\":{\"@id\":\"https:\/\/clearskyhealth.com\/lancaster\/#website\"},\"datePublished\":\"2014-07-08T17:58:03+00:00\",\"dateModified\":\"2026-03-06T00:51:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/clearskyhealth.com\/lancaster\/transparent-header\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\",\"item\":\"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Images with Hotspots\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/clearskyhealth.com\/lancaster\/#website\",\"url\":\"https:\/\/clearskyhealth.com\/lancaster\/\",\"name\":\"ClearSky Rehabilitation Hospital of Lancaster\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/clearskyhealth.com\/lancaster\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster","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:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/","og_locale":"en_US","og_type":"article","og_title":"Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster","og_url":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/","og_site_name":"ClearSky Rehabilitation Hospital of Lancaster","article_modified_time":"2026-03-06T00:51:00+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/","url":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/","name":"Images with Hotspots - ClearSky Rehabilitation Hospital of Lancaster","isPartOf":{"@id":"https:\/\/clearskyhealth.com\/lancaster\/#website"},"datePublished":"2014-07-08T17:58:03+00:00","dateModified":"2026-03-06T00:51:00+00:00","breadcrumb":{"@id":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/images-with-hotspots\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clearskyhealth.com\/lancaster\/transparent-header\/"},{"@type":"ListItem","position":2,"name":"Shortcodes","item":"https:\/\/clearskyhealth.com\/lancaster\/shortcodes\/"},{"@type":"ListItem","position":3,"name":"Images with Hotspots"}]},{"@type":"WebSite","@id":"https:\/\/clearskyhealth.com\/lancaster\/#website","url":"https:\/\/clearskyhealth.com\/lancaster\/","name":"ClearSky Rehabilitation Hospital of Lancaster","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clearskyhealth.com\/lancaster\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/pages\/3192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/comments?post=3192"}],"version-history":[{"count":1,"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/pages\/3192\/revisions"}],"predecessor-version":[{"id":4935,"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/pages\/3192\/revisions\/4935"}],"up":[{"embeddable":true,"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/pages\/750"}],"wp:attachment":[{"href":"https:\/\/clearskyhealth.com\/lancaster\/wp-json\/wp\/v2\/media?parent=3192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}