{"id":188,"date":"2018-11-22T15:34:03","date_gmt":"2018-11-22T15:34:03","guid":{"rendered":"https:\/\/stopdesign.cn\/elementor\/?page_id=188"},"modified":"2018-11-23T09:58:15","modified_gmt":"2018-11-23T09:58:15","slug":"image-hotspot","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/elementor\/image-hotspot\/","title":{"rendered":"Image Hotspot with Tooltip"},"content":{"rendered":"\t\t<div class=\"elementor elementor-188\">\n\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section data-id=\"6254547\" class=\"elementor-element elementor-element-6254547 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div data-id=\"1b17afb\" class=\"elementor-element elementor-element-1b17afb elementor-column elementor-col-50 elementor-top-column\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div data-id=\"266a015\" class=\"elementor-element elementor-element-266a015 elementor-widget elementor-widget-cq-image-hotspot\" data-element_type=\"cq-image-hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"cqtooltip-wrapper cq-hotspots-32\"  data-tooltipstyle=\"shadow\" data-maxwidth=\"\" data-tooltipanimation=\"grow\" data-tooltipanimation=\"{{settings.tooltipanimation}}\" data-marginoffset=\"4px 0 0 4px\"><img decoding=\"async\" class=\"cq-hotspot-img\" src=\"https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/federica-galli-703572-unsplash.jpg\" alt=\"\" \/><div class=\"cq-hotspots\"><div class=\"hotspot-item pulse-white\" style=\"top:58%;left:14%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"yes\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:rgba(150,122,220,0.69)\"><div class=\"cq-tooltip-content\"><p>Optional pulse animation<\/p><\/div><i class=\"cq-hotspot-icon\" style=\"color:#ffffff\">1<\/i><\/a><\/div><div class=\"hotspot-item \" style=\"top:29%;left:78%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:rgba(0,0,0,0.69)\"><div class=\"cq-tooltip-content\"><p>Optional icon size<\/p><\/div><i class=\"cq-hotspot-icon\" style=\"color:\">2<\/i><\/a><\/div><div class=\"hotspot-item pulse-white\" style=\"top:20%;left:50%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:\"><div class=\"cq-tooltip-content\">Tooltip content.<\/div><i class=\"cq-hotspot-icon\" style=\"color:\">3<\/i><\/a><\/div><div class=\"hotspot-item pulse-white\" style=\"top:50%;left:50%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:\"><div class=\"cq-tooltip-content\"><p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/VD8uurZIreQ\" width=\"480\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p><\/div><i class=\"cq-hotspot-icon\" style=\"color:\">4<\/i><\/a><\/div><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div data-id=\"ba6e518\" class=\"elementor-element elementor-element-ba6e518 elementor-column elementor-col-50 elementor-top-column\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div data-id=\"cb7aae2\" class=\"elementor-element elementor-element-cb7aae2 elementor-widget elementor-widget-cq-image-hotspot\" data-element_type=\"cq-image-hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"cqtooltip-wrapper cq-hotspots-36\"  data-tooltipstyle=\"light\" data-maxwidth=\"\" data-tooltipanimation=\"fade\" data-tooltipanimation=\"{{settings.tooltipanimation}}\" data-marginoffset=\"4px 0 0 4px\"><img decoding=\"async\" class=\"cq-hotspot-img\" src=\"https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/gabriel-porras-723740-unsplash.jpg\" alt=\"\" \/><div class=\"cq-hotspots\"><div class=\"hotspot-item pulse-white\" style=\"top:17%;left:35%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:rgba(255,255,255,0.06)\"><div class=\"cq-tooltip-content\"><p>3 different icon type<\/p><\/div><i class=\"cq-hotspot-icon fa fa-map-marker\" style=\"color:#ffffff\"><\/i><\/a><\/div><div class=\"hotspot-item \" style=\"top:73%;left:82%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:rgba(233,87,63,0.79)\"><div class=\"cq-tooltip-content\"><p>Here is the sofa<\/p><\/div><i class=\"cq-hotspot-icon fa fa-commenting\" style=\"color:\"><\/i><\/a><\/div><div class=\"hotspot-item pulse-white\" style=\"top:10%;left:62%\"><a href=\"https:\/\/codecanyon.net\/user\/sike?ref=sike\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"  target=\"_blank\"  data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:#3bafda\"><div class=\"cq-tooltip-content\"><p>Support link &amp; rich content.<\/p><\/div><i class=\"cq-hotspot-icon fa fa-link\" style=\"color:\"><\/i><\/a><\/div><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section data-id=\"82f9363\" class=\"elementor-element elementor-element-82f9363 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div data-id=\"243b7ae\" class=\"elementor-element elementor-element-243b7ae elementor-column elementor-col-100 elementor-top-column\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div data-id=\"133aa08\" class=\"elementor-element elementor-element-133aa08 elementor-widget elementor-widget-cq-image-hotspot\" data-element_type=\"cq-image-hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"cqtooltip-wrapper cq-hotspots-32\"  data-tooltipstyle=\"shadow\" data-maxwidth=\"\" data-tooltipanimation=\"grow\" data-tooltipanimation=\"{{settings.tooltipanimation}}\" data-marginoffset=\"\"><img decoding=\"async\" class=\"cq-hotspot-img\" src=\"https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/jesus-kiteque-224069-unsplash-1.jpg\" alt=\"\" \/><div class=\"cq-hotspots\"><div class=\"hotspot-item pulse-white\" style=\"top:66%;left:46%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:#da4453\"><div class=\"cq-tooltip-content\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/VD8uurZIreQ\" width=\"600\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div><i class=\"cq-hotspot-icon fa fa-youtube\" style=\"color:\"><\/i><\/a><\/div><div class=\"hotspot-item \" style=\"top:74%;left:83%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"yes\"   data-cqtooltip=\"\" data-trigger=\"click\" style=\"background-color:\"><div class=\"cq-tooltip-content\"><p>You can trigger tooltip by click too<\/p><\/div><i class=\"cq-hotspot-icon fa fa-map-pin\" style=\"color:\"><\/i><\/a><\/div><div class=\"hotspot-item \" style=\"top:76%;left:12%\"><a href=\"#\" class=\"cq-tooltip mediumgray\" data-isopen=\"no\"   data-cqtooltip=\"\" data-trigger=\"hover\" style=\"background-color:#8cc152\"><div class=\"cq-tooltip-content\"><p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-medium wp-image-99\" src=\"https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/noah-buscher-385639-unsplash-300x200.jpg\" alt=\"\" width=\"300\" height=\"200\" srcset=\"https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/noah-buscher-385639-unsplash-300x200.jpg 300w, https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/noah-buscher-385639-unsplash-768x512.jpg 768w, https:\/\/stopdesign.cn\/elementor\/wp-content\/uploads\/2018\/11\/noah-buscher-385639-unsplash.jpg 800w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p><\/div><i class=\"cq-hotspot-icon fa fa-picture-o\" style=\"color:\"><\/i><\/a><\/div><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Optional pulse animation 1 Optional icon size 2Tooltip content.3 4 3 different icon type Here is the sofa Support link &amp; rich content. You can trigger tooltip by click too<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/pages\/188"}],"collection":[{"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":16,"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":213,"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/pages\/188\/revisions\/213"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/elementor\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}