Hotspots

[headline style=”heading-line” pretext=”01″ use_underline=”yes”]Hotspots activated on hover[/headline]
[dp_hotspot hotspot_action=”hover” tooltip_width=”300″ image=”1953″ hotspot_data=”%5B%7B%22index%22%3A2%2C%22x%22%3A11.613286369593709%2C%22y%22%3A35.77235772357724%2C%22Title%22%3A%22Mont%20Blanc%22%2C%22Message%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit.%20Donec%20ipsum%20quam%2C%20porttitor%20sit%20amet%20magna%20vel%2C%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A16.462565530799473%2C%22y%22%3A32.24932249322493%2C%22Title%22%3A%22Jungfrau%22%2C%22Message%22%3A%22Nulla%20rutrum%20ipsum%20in%20mauris%20placerat%2C%20sit%20amet%20mollis%20ipsum%20gravida.%20Suspendisse%20eleifend%20at%20diam%20eget%20semper.%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A26.169315203145477%2C%22y%22%3A31.9994918699187%2C%22Title%22%3A%22Marmolada%22%2C%22Message%22%3A%22Curabitur%20laoreet%2C%20lorem%20nec%20fringilla%20vehicula%2C%20erat%20est%20ullamcorper%20lacus%2C%20id%20blandit%20elit%20massa%20nec%20urna.%22%7D%2C%7B%22index%22%3A5%2C%22x%22%3A30.48615661861075%2C%22y%22%3A26.01626016260163%2C%22Title%22%3A%22Gro%C3%9Fglockner%22%2C%22Message%22%3A%22Cras%20volutpat%20enim%20vel%20elit%20semper%20efficitur.%20Vestibulum%20sit%20amet%20faucibus%20lorem%2C%20eu%20auctor%20eros.%20%22%7D%2C%7B%22index%22%3A6%2C%22x%22%3A55.64998361730014%2C%22y%22%3A10.840108401084011%2C%22Title%22%3A%22Gerlach%22%2C%22Message%22%3A%22Sed%20vitae%20tincidunt%20dui.%20Sed%20at%20volutpat%20risus.%20Aenean%20nisl%20quam%2C%20lobortis%20eget%20ullamcorper%20non%2C%20commodo%20sed%20lacus.%20%22%7D%2C%7B%22index%22%3A7%2C%22x%22%3A64.56217234600263%2C%22y%22%3A30.62330623306233%2C%22Title%22%3A%22Moldoveanu%22%2C%22Message%22%3A%22Ut%20neque%20dui%2C%20faucibus%20eget%20ipsum%20ut%2C%20ultrices%20sollicitudin%20urna.%20Pellentesque%20aliquet%20posuere%20diam.%22%7D%2C%7B%22index%22%3A8%2C%22x%22%3A40.84002293577982%2C%22y%22%3A91.869918699187%2C%22Title%22%3A%22Etna%22%2C%22Message%22%3A%22Mauris%20hendrerit%20sem%20ac%20odio%20tempus%20convallis.%20Donec%20ac%20laoreet%20augue.%20%22%7D%2C%7B%22index%22%3A9%2C%22x%22%3A69.28038990825688%2C%22y%22%3A56.91056910569105%2C%22Title%22%3A%22Olimp%22%2C%22Message%22%3A%22Nunc%20elit%20purus%2C%20pellentesque%20at%20suscipit%20quis%2C%20vehicula%20a%20nunc.%20Aenean%20lobortis%20nisl%20eget%20accumsan%20congue.%22%7D%5D”]
[headline style=”heading-line” pretext=”01″ use_underline=”yes”]Hotspots activated on click[/headline][dp_hotspot hotspot_action=”click” marker_bg=”#7558d7″ marker_inner_bg=”#eeee22″ tooltip_position=”top-left” tooltip_width=”200″ image=”1954″ hotspot_data=”%5B%7B%22index%22%3A2%2C%22x%22%3A28.162802419354836%2C%22y%22%3A34.83870967741935%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Nunc%20elit%20purus%2C%20pellentesque%20at%20suscipit%20quis%2C%20vehicula%20a%20nunc.%20Aenean%20lobortis%20nisl%20eget%20accumsan%20congue.%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A56.71118951612903%2C%22y%22%3A24.731182795698924%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Phasellus%20accumsan%20lorem%20non%20dolor%20bibendum%2C%20sed%20fermentum%20sem%20condimentum.%20%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A48.32409274193548%2C%22y%22%3A63.87096774193548%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Sed%20aliquet%20eros%20viverra%20rhoncus%20dictum.%20Curabitur%20hendrerit%20ligula%20nisl%2C%20ut%20commodo%20purus%20tempus%20ut.%22%7D%2C%7B%22index%22%3A5%2C%22x%22%3A92.19506048387098%2C%22y%22%3A60.43010752688171%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Donec%20leo%20sapien%2C%20ultrices%20vel%20lacinia%20eu%2C%20fringilla%20nec%20enim.%20Maecenas%20erat%20massa.%22%7D%5D”]
[headline style=”heading-line” pretext=”01″ use_underline=”yes”]Custom hotspots, allways active[/headline][dp_hotspot marker_style=”image” tooltip_width=”250″ image=”1955″ hotspot_data=”%5B%7B%22index%22%3A2%2C%22x%22%3A39.453125%2C%22y%22%3A17.634408602150536%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A63.00151209677419%2C%22y%22%3A87.52688172043011%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A76.38860887096774%2C%22y%22%3A42.58064516129032%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%5D” marker_image=”1531″]