Billede Hotspot
Et billede er værd tusind ord, men hvad hvis du kunne kommentere det? Lad ikke besøgende gætte, hvad der er vigtigt i dine produkt skud, kort, eller diagrammer. Master Addons Image Hotspot Element lader dig placere interaktive markører direkte på ethvert billede. Tilføj ikoner, tilpasse deres udseende, og vedhæfte rige værktøjstip fyldt med tekst, billeder, eller links. Opret interaktive produktguider, forklare komplekse infografik, eller opbygge engagerende portefølje showcases. Omdanne dine statiske visuals i udforskende, selvforklarende oplevelser.
Visuel Hotspot Placering & Management
Start med dit basisbillede – et produkt, et kort, et teknisk diagram. Derefter, placere dine interaktive markører med pixel-perfekt præcision. Brug den intuitive Position kontrol, justere Vandret og Lodret procent skydere til at flytte hver hotspot præcis, hvor det skal være. Tilføj så mange hotspots som du vil med + Tilføj element knappen, styre hver enkelt uafhængigt. Denne visuelle placering forvandler ethvert billede til en detaljeret, interaktiv lærred.
- Præcis udpegning: Brug skydere med vandret (%) og lodret (%) til at placere hotspots hvor som helst på dit billede.
- Ubegrænsede hotspots: Tilføj adskillige interessepunkter med + Add Item-repeateren.
- Nem administration: Mærk, genbestil eller slet individuelle hotspots (#1, #2 osv.) nemt.
- Live Positionering: Se hotspot-flytningen i editoren, mens du justerer skyderne for perfekt placering.
Rich Tooltip Content System
Magien sker i værktøjstippet. For hvert hotspot skal du åbne Redigeringsprogrammet Værktøjstipindhold – et fuldt udstyret tekstområde, hvor du kan skrive beskrivelser, tilføje Medier eller endda indsætte kortkode. Forklar en produktfunktion, angiv en statistik eller link til en anden side. Du styrer, hvornår den vises: indstil Udløseren til Hover for hurtig opdagelse eller Klik for bevidst interaktion, især afgørende for mobilbrugere.
- Avanceret indholdseditor: Tilføj formateret tekst, billeder eller videoer inde i hvert værktøjstip.
- Fleksibel udløsning: Vælg Hover for øjeblikkelige forhåndsvisninger eller Klik for kontrolleret, mobilvenlig interaktion.
- Handlingsorienteret: Inkluder links i værktøjstip for at drive brugere til relaterede sider eller produkter.
- Kontekstuelle oplysninger: Brug værktøjstip til at afsløre specifikationer, priser, beskrivelser eller instruktioner direkte på billedet.
Ofte stillede spørgsmål til Image Hotspot
Hvad sker der på mobiltelefoner, hvor der ikke er noget svæv?
Du kan indstille værktøjstip Trigger på Klik i indstillingerne for Værktøjstip. Dette gør hotspotet tap-to-reveal på berøringsenheder, hvilket sikrer fuld funktionalitet. Alternativt kan du indstille værktøjstip til Deaktiver på mobil, hvilket gør selve hotspottet til et klikbart link til flere oplysninger.
Kan jeg bruge et brugerdefineret billede i stedet for et ikon til hotspotmarkøren?
Ja. Du kan uploade eller tilføje et brugerdefineret billede som en markør fra dit mediebibliotek. Vores forslag er at bruge et simpelt billede som markøren, der let kan forstås.
Er selve basisbilledet responsivt?
Ja. Det Billede, du vælger, skaleres responsivt med beholderen. Hotspotpositionerne (indstillet efter procenter) er også relative, så de forbliver på det rigtige sted på billedet på tværs af alle skærmstørrelser.
Hvad er en god use case for dette element?
Perfekt til e-handelsproduktbilleder (fremhævningsfunktioner), interaktive kort (viser placeringer), infografik (forklarer datapunkter), tekniske diagrammer (mærkningsdele) eller teamfotos (linker til individuelle bios).
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
