fbpx

Image Hotspot

Image Hotspot Module – an innovative tool that transforms static images into interactive visual experiences. With this dynamic module, you can effortlessly create engaging and informative content by adding hotspots to specific points on your images. Each hotspot is a gateway to additional information, links, or multimedia, allowing your audience to explore and interact with your visuals on a whole new level. Elevate user engagement, tell compelling stories, and showcase intricate details with the Image Hotspot Module. It’s the perfect solution to make your images not just a view but an immersive journey of discovery.

content-popup-grid-icon

Opportunity to add marker text, image and icon

All options are available in your hand. You just need to figure out what type of content do you need.

pop-up

possibility to add tooltip image, icon and content

Add Specific tooltip content that you actually need. You can add text, image button and many more

Overlay

Smooth Animations

Without animations, feature content is not engaging nowadays. Figure out the right animation for you.

Transform Visuals into Interactive Experiences: Explore the Features of Our Image Hotspot Module

Image Hotspot Module is a feature-packed tool that transforms static images into captivating interactive experiences. With the ability to seamlessly add markers featuring diverse content like text, images, or icons, and incorporating engaging animations, this module takes visual storytelling to new heights. Customize tooltips with rich content such as images, text, and buttons, enhancing user interaction and information delivery.

Furthermore, the integration of Divi Library content ensures a consistent and branded experience, allowing users to effortlessly leverage pre-designed elements within the hotspots.

divigrid pexels ehsan haque
divigrid pexels khalil i 6441443

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.

divigrid pexels isabella mendes 3854316

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.

divigrid pexels thom bradley 5741877

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.

divigrid human body
divigrid brain
divigrid 72 neck anatomy 2 e1589211703737.png

Sternocleidomastoid Muscle
This is the large muscle on either side of the neck. This muscle covers and protects many important deeper structures such as the carotid artery and the jugular vein. This muscle starts at the skull just behind the ear (mastoid bone) and travels down to the sternum (breastbone) and clavicles (collarbones).

Thyroid Gland
The thyroid is located at the midline of the neck, under the skin and a few layers of thin muscles. It sits just in front of and to the side of the upper trachea. It secretes thyroid hormone which is important in regulating many functions of the body. The thyroid gland has a right and left lobe which are connected by an isthmus. Learn more about the thyroid.

Parathyroid Glands
These four glands are located just behind the thyroid gland, two on each side. They are critical in helping to regulate levels of calcium in the blood.

Carotid Sheath
This is an envelope of fascia that envelopes three major structures: the carotid artery, internal jugular vein, and vagus nerve.

divigrid 24612 humerus 1

What is the humerus?

The humerus is your upper arm bone. Other than the bones in your leg, it’s the longest bone in your body. It’s a critical part of your ability to move your arm. Your humerus also supports lots of important muscles, tendons, ligaments and parts of your circulatory system.

If you experience a fractured (broken) humerus, you might need surgery to repair your bone and physical therapy to help you regain your strength and ability to move.

Your humerus — like all bones — can be affected by osteoporosis.

Because your humerus is connected to so many muscles and nerves, injuries to one can often affect the others.

divigrid 8960 lungs 1

What are your lungs?

Your lungs make up a large part of your respiratory system, which is the network of organs and tissues that allow you to breathe.

You have two lungs, one on each side of your chest, which is also called the thorax. Your thorax is the area of your body between your neck and your abdomen.

Right lung

The lung on your right side is divided into three lobes: the superior, the middle and the inferior. It’s shorter than your left lung, but also wider than your left lung. Both of your lungs are covered with a protective covering called pleural tissue.

Left lung

Your left lung has two lobes: the superior and the interior. Your left lung is smaller than the right because your heart is where the middle lobe on your left lung would be. Your left lung has two parts that your right lung doesn’t have: the cardiac notch (where your heart fits) and the lingula, an extension of the superior lobe.

Discover the Human Body A Deep Dive into Our Complex Anatomy

Embark on an interactive journey through the human body, a remarkable structure of intricate systems and components that work seamlessly together. Our body is a marvel of nature, housing millions of cells, each playing a crucial role. Hover over the hotspots to unveil the mysteries of our organs, bones, and systems. Dive deep into understanding their functions, importance, and the miraculous ways they collaborate to keep us alive and thriving. This exploration will enlighten you about the wonders within us and the significance of every component in the symphony of life.”

Waves of Sound

Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris. Dignissim pellenque dignissim fells.

  1. Morbi in sem quis dui placerat ornare.
  2. Pellentesque odio nisi euismod in pharetra a ultricies.
  3. Sed arcu. Cras consequat.
divigrid headsphones 1 1 1 1

Mouth Speaker

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.

Soft Headband

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.

Dynamic head tracking

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.

Beats Studio Pro

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.

Noise Cancellation

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.

Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna.

E-Bike Ride
divigrid front tube

Gear Box

divigrid front tube

Hub

divigrid seat

Seat

divigrid battery

Battery Box

divigrid breaker

Handle & Breaking

divigrid back tube

Tire & Tube

FlexibilityRide With Freedom And Fun,Ride Like A Pro.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.

Styling with Font Awesome Icon & Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Consectetur adipiscing elit. Ut elit tellus.

divigrid map 1
divigrid sp6

Sofia Loren

divigrid sp2

Andre Edward

Julie Niguan

divigrid sp5

Mark william

Narco Miller

Ian Bishop

“Are you ready to take your website to the next level? Get started with Divigrid today. To start enjoying the benefits of our module, simply click the “Buy Now” button below. Don’t miss out on our hidden offer of a 20% discount. Act now and take advantage of this exclusive deal!”

Image Hotspot Module Features

Display text, image or icon

Positioning spot item

Spot animation

Ability to add tooltip image

Add tooltip text

Smooth animation

5+ spot animation effects

Click and hover method

Definitly Responsive

divigrid Image Hotspot
divigrid img hotspot tooltip set
divigrid Image Hotspot spot

Happy Clients

divigrid image

What our client say about us

“A fantastic selection of plugins which are intuitive to use. When I had a query support was on hand and very quick to resolve my question.”

Heather Pedley

I’m relatively new to Divi, but found this plug-in to be very helpful making a site just the way I want to see it without having to jugle other items.

THOMAS BOGAN

I just begin to use this plugin and I discover how it’s powerful and has unlimited possibilies.
Impatient to discover incoming modules.
Really, BRAVO for the editor

ElHassane ElAlaoui

I recommend everyone this .. it is smart solution.. waiting the next updates

Mohammad sobhy

I’m so happy with customer service! While I’m not a beginner with Divi I needed help and it came quickly. I’m really enjoying everything I can do with the content grid and can’t wait to get into the list grid!

Valerie Robitaille

Customer service is fantastic the DiviGrid and Divi Image Mask Slider are winners and that starts with a great team backing them. Lots of unique options thanks for the support

Tim Kerney

It’s a wonderful world to discover. However, I would appreciate some improvement in: – translation (french for instance) – documentation (search engine is to weak). 

Pierre Moser

Divi Image Mask Slider is packed with features and easy to use, you can get some really unique designs that i haven’t seen in other Divi plugins. Keep up the good work.

Mick Beswick

“Easy to download and so far seems like a piece of cake to install and modify.. Thank you.

Roy Peterson

DiviGrid is perfect for making beautiful looking pages within Divi. It’s very intuitive and easy to use, and the queries I had with regards to customised css were answered quickly by their excellent support team. Very highly recommended.

Heather

“Die Module von Divigrid sind für die Erstellung von Websites sehr hilfreich.”
Peter Oltmanns

This is a hidden little gem and any Divi user with good basic/intermediate knowledge will get great mileage out of – the downloadable templates are plentiful and useful to get going and I am a big fan of the inline popups which are a great asset to claim back on page real estate by allowing you to expand information on click but offering a slimmer version of the content first- quite happy to suport this developer hoping they continue to expand their offering

Rosemary

Related Modules

Image Accrodion Icon

Image Accordion

card

Before After Slider

divigrid food menu

Food Menu

divigrid multiple button 1

Multiple Button

divigrid floating image

Floating Image

post-grid-icon

Post Grid