{"id":518,"date":"2014-08-27T07:43:40","date_gmt":"2014-08-27T07:43:40","guid":{"rendered":"http:\/\/stopdesign.cn\/codecanyon\/vc-extensions\/?page_id=518"},"modified":"2023-04-07T09:41:31","modified_gmt":"2023-04-07T09:41:31","slug":"hotspot","status":"publish","type":"page","link":"https:\/\/stopdesign.cn\/demo\/hotspot\/","title":{"rendered":"Image hotspot tooltip with lightbox"},"content":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1428904599388{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f7fa !important;}”][vc_column width=”1\/2″]

\"\"
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/i><\/a><\/div><\/div><\/div>[vc_empty_space height=”12px”][vc_column_text]Great shot from Timothy J. Reynolds<\/a>[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_empty_space height=”12px”][vc_column_text]<\/p>\n

Now hotspot support lightbox<\/span><\/h2>\n

Update in version 3.5.9 (July\u00a04 2020):\u00a0Now hotspot support lightbox, you can add YouTube, Vimeo video, google map, image etc as a lightbox link.<\/p>\n

Update in version 3.4.1.1 (Oct 6 2015): Add option for displaying which tooltip when page is loaded. You can also select to display all the tooltips by default.<\/p>\n

Update in version 3.4.1 (Sep 3 2015): Add start number option for the number icon, now the number can start with 1 or other number.<\/p>\n

Update in version 3.3.6: Display all tooltips in an image by default when page loaded.<\/p>\n

Update in version 3.2 (Nov 26 2014): Hotspot icon can be in Font Awesome icon, number or simple dot<\/strong>.<\/p>\n

Update in version 3.1: Now you can drag the hotspot icon<\/strong> to update it’s position in the Visual Composer’s Frontend Editor<\/strong>. See a Youtube video demo<\/a><\/span>.<\/p>\n

Popup tooltip support basic HTML, let you embed image or video.<\/strong>\u00a0Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.<\/p>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1428904456752{margin-top: -42px !important;}”][vc_column]

\"\"
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/i><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1428904092568{margin-top: -42px !important;padding-top: 200px !important;padding-bottom: 200px !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Icon support number\u00a0too<\/span><\/h2>\n

Proin accumsan justo nibh, tristique pharetra est vestibulum sit amet. Suspendisse potenti. Donec sagittis, lacus eget pellentesque ultricies, risus ipsum gravida elit, eu imperdiet quam risus non mauris.<\/p>\n

Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.[\/vc_column_text][vc_empty_space height=”12px”][\/vc_column][vc_column width=”1\/2″]

\"\"
1<\/i><\/a><\/div>
2<\/i><\/a><\/div>
3<\/i><\/a><\/div>
4<\/i><\/a><\/div>
5<\/i><\/a><\/div>
6<\/i><\/a><\/div>
7<\/i><\/a><\/div>
8<\/i><\/a><\/div>
9<\/i><\/a><\/div>
10<\/i><\/a><\/div>
11<\/i><\/a><\/div><\/div><\/div>[vc_empty_space height=”12px”][vc_column_text]Great shot from Timothy J. Reynolds<\/a>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1428901667433{margin-top: -42px !important;padding-top: 200px !important;padding-bottom: 200px !important;background-color: #3bafda !important;}”][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Icon support lightbox<\/span><\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/span><\/p>\n

Proin accumsan justo nibh, tristique pharetra est vestibulum sit amet. Suspendisse potenti. Donec sagittis, lacus eget pellentesque ultricies, risus ipsum gravida elit, eu imperdiet quam risus non mauris. Curabitur elementum dolor ut risus ullamcorper viverra. Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.<\/span>[\/vc_column_text][vc_empty_space height=”12px”][\/vc_column][vc_column width=”1\/2″]

\"\"
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/i><\/a><\/div>
<\/span><\/a><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1457879261664{padding-top: 200px !important;padding-bottom: 200px !important;}”][vc_column width=”1\/2″]
\"\"
1<\/i><\/a><\/div>
2<\/i><\/a><\/div>
3<\/i><\/a><\/div><\/div><\/div>[vc_empty_space height=”24px”][\/vc_column][vc_column width=”1\/2″][vc_column_text]<\/p>\n

Trigger by clicking, swing demo<\/span><\/h2>\n

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\n

Quisque aliquet mauris vitae mi faucibus fringilla. Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat. Mauris dictum quam quis tortor imperdiet, eu pretium eros porta.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"

[vc_row full_width=”stretch_row” css=”.vc_custom_1428904599388{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f5f7fa !important;}”][vc_column width=”1\/2″][vc_empty_space height=”12px”][vc_column_text]Great shot from Timothy J. Reynolds[\/vc_column_text][\/vc_column][vc_column width=”1\/2″][vc_empty_space height=”12px”][vc_column_text] Now hotspot support lightbox Update in version 3.5.9 (July\u00a04 2020):\u00a0Now hotspot support lightbox, you can add YouTube, Vimeo video, google map, image etc as a lightbox link. Update in version 3.4.1.1 (Oct 6 2015): Add option for […]<\/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\/demo\/wp-json\/wp\/v2\/pages\/518"}],"collection":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/comments?post=518"}],"version-history":[{"count":151,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/518\/revisions"}],"predecessor-version":[{"id":4092,"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/pages\/518\/revisions\/4092"}],"wp:attachment":[{"href":"https:\/\/stopdesign.cn\/demo\/wp-json\/wp\/v2\/media?parent=518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}